{"id":13457573,"url":"https://github.com/codesandbox/sandpack","last_synced_at":"2025-05-12T05:34:22.155Z","repository":{"id":36956189,"uuid":"340299463","full_name":"codesandbox/sandpack","owner":"codesandbox","description":"A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.","archived":false,"fork":false,"pushed_at":"2025-04-24T13:17:28.000Z","size":15058,"stargazers_count":5438,"open_issues_count":126,"forks_count":400,"subscribers_count":25,"default_branch":"main","last_synced_at":"2025-05-12T02:51:13.224Z","etag":null,"topics":["documentation","hacktoberfest","live-coding","playground","reactjs","sandbox","sandpack"],"latest_commit_sha":null,"homepage":"https://sandpack.codesandbox.io","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codesandbox.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-02-19T08:06:29.000Z","updated_at":"2025-05-10T20:26:57.000Z","dependencies_parsed_at":"2023-01-17T08:15:42.734Z","dependency_job_id":"2795f12d-a066-40af-be2d-772f7a97c31c","html_url":"https://github.com/codesandbox/sandpack","commit_stats":{"total_commits":1096,"total_committers":86,"mean_commits":"12.744186046511627","dds":0.3138686131386861,"last_synced_commit":"b6696cfc4c4143782a6ca2a33040bf8178a19e54"},"previous_names":[],"tags_count":393,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codesandbox%2Fsandpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codesandbox%2Fsandpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codesandbox%2Fsandpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codesandbox%2Fsandpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codesandbox","download_url":"https://codeload.github.com/codesandbox/sandpack/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253672736,"owners_count":21945483,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["documentation","hacktoberfest","live-coding","playground","reactjs","sandbox","sandpack"],"created_at":"2024-07-31T09:00:30.040Z","updated_at":"2025-05-12T05:34:22.107Z","avatar_url":"https://github.com/codesandbox.png","language":"TypeScript","readme":"\u003cimg style=\"width:100%\" src=\"https://user-images.githubusercontent.com/4838076/163777661-a44ec0a9-ee7c-483a-bdbb-7898ba665f68.gif\" alt=\"Component toolkit for live running code editing experiences\" /\u003e\n\n# Sandpack\n\nSandpack is a component toolkit for creating your own live running code editing experience powered by CodeSandbox.\n\n[Learn more about Sandpack](https://sandpack.codesandbox.io/) \n\n[![Edit in CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/github/codesandbox/sandpack)\n\n## Sandpack Client\n\nThis is a small foundation package that sits on top of the bundler. It is\nframework agnostic and facilitates the handshake between your context and the bundler iframe.\n\n[Read more](https://sandpack.codesandbox.io/docs/advanced-usage/client)\n\n## Sandpack React\n\nReact components that give you the power of editable sandboxes that run in the browser.\n\n```jsx\nimport { Sandpack } from \"@codesandbox/sandpack-react\";\n\n\u003cSandpack template=\"react\" /\u003e;\n```\n\n[Read more](https://sandpack.codesandbox.io/docs/advanced-usage/components)\n\n## Sandpack Themes\n\nA list of themes to customize your Sandpack components.\n\n```jsx\nimport { githubLight } from \"@codesandbox/sandpack-themes\";\n\n\u003cSandpack theme={githubLight} /\u003e;\n```\n\n[Read more](https://sandpack.codesandbox.io/docs/getting-started/themes)\n","funding_links":[],"categories":["TypeScript","Sandboxes","documentation","reactjs"],"sub_categories":["Self-hosted"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodesandbox%2Fsandpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodesandbox%2Fsandpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodesandbox%2Fsandpack/lists"}