A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
-
Updated
Sep 5, 2024 - TypeScript
A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
Vue3 components that give you the power of editable sandboxes that run in the browser.
The new bundler/runtime powering client-side sandpack sandboxes
Early Alpha: Chat with React Code-Editor and Live-preview using Sandpack by Codesandbox. Vercel ai SDK RSC GenUI
Use sandpack-vue3 in vitepress as directive.
The Playground for Chakra UI
Enhanced File Explorer for Sandpack. Providing immense flexibility to Sandpack's capabilities.
Use text or image prompts to generate components and apps built with React.
⚡️Design, generate, iterate and live preview Nextjs pages with 🤖 GPT! Watch AI code right in front of you and bring UI to life using chat as if you're making these updates yourself. Copy and paste Next pages into your main repo or extend AI generated pages into codesandboxes.
Advanced File Explorer for Sandpack
My personal website and developer blog
The CodeSandbox sandpack wrapper with additional features.
Example of how to use/setup Sandpack with Dracula Theme
a proof of concept for creating web pages that allow user to experiment with Cloudinary transformations in React
Add a description, image, and links to the sandpack topic page so that developers can more easily learn about it.
To associate your repository with the sandpack topic, visit your repo's landing page and select "manage topics."