[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71375":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},71375,"sandpack","codesandbox\u002Fsandpack","codesandbox","A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.","https:\u002F\u002Fsandpack.codesandbox.io",null,"TypeScript",6162,479,23,137,0,6,14,31,18,39.04,"Apache License 2.0",false,"main",[26,27,28,29,30,31,5],"documentation","hacktoberfest","live-coding","playground","reactjs","sandbox","2026-06-12 02:02:51","\u003Cimg style=\"width:100%\" src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F4838076\u002F163777661-a44ec0a9-ee7c-483a-bdbb-7898ba665f68.gif\" alt=\"Component toolkit for live running code editing experiences\" \u002F>\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:\u002F\u002Fsandpack.codesandbox.io\u002F) \n\n[![Edit in CodeSandbox](https:\u002F\u002Fassets.codesandbox.io\u002Fgithub\u002Fbutton-edit-lime.svg)](https:\u002F\u002Fcodesandbox.io\u002Fp\u002Fgithub\u002Fcodesandbox\u002Fsandpack)\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:\u002F\u002Fsandpack.codesandbox.io\u002Fdocs\u002Fadvanced-usage\u002Fclient)\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\u002Fsandpack-react\";\n\n\u003CSandpack template=\"react\" \u002F>;\n```\n\n[Read more](https:\u002F\u002Fsandpack.codesandbox.io\u002Fdocs\u002Fadvanced-usage\u002Fcomponents)\n\n## Sandpack Themes\n\nA list of themes to customize your Sandpack components.\n\n```jsx\nimport { githubLight } from \"@codesandbox\u002Fsandpack-themes\";\n\n\u003CSandpack theme={githubLight} \u002F>;\n```\n\n[Read more](https:\u002F\u002Fsandpack.codesandbox.io\u002Fdocs\u002Fgetting-started\u002Fthemes)\n","Sandpack 是一个用于创建实时代码编辑体验的组件工具包，依托于 CodeSandbox 的强大功能。它主要通过提供一系列可嵌入的 React 组件来实现这一目标，支持用户在浏览器中直接编辑和运行代码，无需离开当前页面。此外，Sandpack 还提供了丰富的主题选项以满足个性化需求，并且其设计保持了框架无关性，使得与各种前端项目集成变得更加容易。此工具非常适合开发者文档、在线编程教学平台以及需要演示代码执行效果的各类网站使用。",2,"2026-06-11 03:37:25","high_star"]