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.

This example shows how you can use Sandpack and firepad-x to build a collbrative text editor.

⚡️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.

Use text or image prompts to generate components and apps built with React.

Advanced File Explorer for Sandpack

My personal website and developer blog

https://github.com/codesandbox/sandpack/tree/main/sandpack-react

🧛🏻‍♂️ Dark theme for Sandpack

State machine DSL and playground

a proof of concept for creating web pages that allow user to experiment with Cloudinary transformations in React

Check if the process is running inside Sandpack

The CodeSandbox sandpack wrapper with additional features.