A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
-
Updated
May 29, 2024 - TypeScript
A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
Early Alpha: Chat with React Code-Editor and Live-preview using Sandpack by Codesandbox. Vercel ai SDK RSC GenUI
The new bundler/runtime powering client-side sandpack sandboxes
My personal website and developer blog
The Playground for Chakra UI
The CodeSandbox sandpack wrapper with additional features.
Advanced File Explorer for Sandpack
⚡️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.
Vue3 components that give you the power of editable sandboxes that run in the browser.
Use sandpack-vue3 in vitepress as directive.
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.
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."