{"id":20754903,"url":"https://github.com/khan/wonder-blocks","last_synced_at":"2026-05-14T00:05:57.733Z","repository":{"id":38007656,"uuid":"123198469","full_name":"Khan/wonder-blocks","owner":"Khan","description":"React components for Wonder Blocks design system.","archived":false,"fork":false,"pushed_at":"2026-03-26T19:16:30.000Z","size":46303,"stargazers_count":159,"open_issues_count":18,"forks_count":13,"subscribers_count":51,"default_branch":"main","last_synced_at":"2026-03-26T19:30:53.922Z","etag":null,"topics":["design-system","react","ui-components"],"latest_commit_sha":null,"homepage":"https://khan.github.io/wonder-blocks","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Khan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2018-02-27T22:50:41.000Z","updated_at":"2026-03-25T22:00:59.000Z","dependencies_parsed_at":"2026-02-25T20:03:25.244Z","dependency_job_id":null,"html_url":"https://github.com/Khan/wonder-blocks","commit_stats":null,"previous_names":[],"tags_count":4961,"template":false,"template_full_name":null,"purl":"pkg:github/Khan/wonder-blocks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Khan%2Fwonder-blocks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Khan%2Fwonder-blocks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Khan%2Fwonder-blocks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Khan%2Fwonder-blocks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Khan","download_url":"https://codeload.github.com/Khan/wonder-blocks/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Khan%2Fwonder-blocks/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31307177,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T12:59:32.332Z","status":"ssl_error","status_checked_at":"2026-04-02T12:54:48.875Z","response_time":89,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["design-system","react","ui-components"],"created_at":"2024-11-17T09:20:59.185Z","updated_at":"2026-04-02T13:37:38.984Z","avatar_url":"https://github.com/Khan.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u003cimg width=\"32\" src=\"./static/logo.svg\"\u003e Wonder Blocks\n\n![Release](https://github.com/Khan/wonder-blocks/actions/workflows/release.yml/badge.svg) [![codecov](https://codecov.io/gh/Khan/wonder-blocks/branch/main/graph/badge.svg)](https://codecov.io/gh/Khan/wonder-blocks)\n\nThe Khan Academy Wonder Blocks design system. This is work-in-progress and a lot\nof things are still in motion.\n\nMore information: https://khan.github.io/wonder-blocks/\n\n## Getting started\n\n### Prerequisites\n\n- [Node.JS v20.x](https://nodejs.org/en/download)\n- [pnpm](https://pnpm.io/installation)\n\n### Installation\n\nTo install Wonder Blocks, you need to run the following commands:\n\n#### `pnpm install`\n\nInstalls project dependencies\n\n#### `pnpm dev`\n\nBuilds all the packages and watches for changes\n\n#### `pnpm start`\n\nRuns the docs in dev mode\n\nNow you can open http://localhost:6061 to view the docs. This page will\nautomatically update as you make changes to components.\n\n**AI agents / Storybook MCP:** To use the Wonder Blocks MCP from another project (e.g. Cursor), clone this repo, run `pnpm install` and `pnpm start`, then add `http://localhost:6061/mcp` to your MCP client config (e.g. `mcp.json`). See [AGENTS.md](./AGENTS.md) for full install steps and agentic workflows.\n\n## Contributing\n\n**Note for external contributors:** We are not accepting external contributions\nat this time. We are working to make this happen in the future, and we will let\nyou know when this is possible!\n\nFor a more detailed explanation about how to develop Wonder Blocks components,\nplease refer to the [internal documentation](https://khanacademy.atlassian.net/wiki/spaces/FRONTEND/pages/100827261/Developing+wonder-blocks)\n\nPlease note – before contributing ensure that any design changes you are wanting\nto make are reflected in the [Wonder Blocks project in\nFigma](https://khanacademy.atlassian.net/wiki/spaces/WB/pages/4396089552/Resources#Figma).\n\n## Thanks\n\n\u003ca href=\"https://www.chromaticqa.com/\"\u003e\u003cimg src=\"https://cdn-images-1.medium.com/letterbox/147/36/50/50/1*oHHjTjInDOBxIuYHDY2gFA.png?source=logoAvatar-d7276495b101---37816ec27d7a\" width=\"120\"/\u003e\u003c/a\u003e\n\nThanks to [Chromatic](https://www.chromaticqa.com/) for providing the visual testing platform that helps us catch unexpected changes on time.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhan%2Fwonder-blocks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkhan%2Fwonder-blocks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhan%2Fwonder-blocks/lists"}