Pricing

billed annually or $12 month-to-month

Use CodeSandbox with your team

Development & PrototypingCommunityPro

Templates
Start from an official template, or create your own.
✓✓
Static File Hosting
All static files served via CDN.
✓✓
Public Sandboxes
Sandboxes, both the app and code, are available publicly by default.
∞∞
Unlimited Private Sandboxes
Set a sandbox as private or unlisted so others can't see the code or the app.
✓
Private GitHub Repos
Import and sync repos which are private on GitHub to CodeSandbox.
✓

Online IDE

VS Code powered Editor
Leverage the power and familiarity of VS Code.
✓✓
Hot Module Reloading
See changes as you make them.
✓✓
Keybindings & Quick Actions
Perform common tasks speedily.
✓✓
Console
View logging and console output to see loading progress and debug issues.
✓✓
Test Viewer
Showing test results alongside your code.
✓✓
Problem Viewer
See errors clearly with our user-friendly overlay.
✓✓
Zen Mode
Zen mode hides distracting editor elements for demos and screenshots.
✓✓
Custom Themes
Tweak theme styles with support for all VS Code themes.
✓✓
Vim Mode
Vim emulation in the editor, powered by the VSCodeVim extension.
✓✓
Type Acquisition
Typings automatically downloaded for every dependency.
✓✓
External Resources
Automatically include external resources, like CSS or JS files.
✓✓
Session Restore
Recover un-saved changes between sessions.
✓✓
External Previews
Open sandbox previews on a separate URL but with Hot Module Reloading.
✓✓

Dev Tool Integrations

NPM Packages
Add any of the 1M+ dependencies on npm directly from the editor.
✓✓
GitHub
Import and sync public repos, export a sandbox to a repo, or create commits and open PRs.
✓✓
Vercel Deploy
Deploy a production version of your sandbox to Vercel.
✓✓
Netlify Deploy
Deploy a production version of your sandbox to Netlify.
✓✓
Jest
Auto-detect and run Jest tests.
✓✓
React DevTools
Integration of React’s own DevTools into the editor.
✓✓
Prettier
Code gets prettified on save according to preferences.
✓✓
ESLint
Code is linted automatically.
✓✓
Emmet
Expand abbreviations with Emmet.io in all JS, HTML, and CSS files.
✓✓
Stackbit
Import projects generated by Stackbit.
✓✓

Collaboration

Live Mode
Work on code and edit sandboxes with multiple people.
✓✓
In-editor Chat
Chat with collaborators about the code you're all working on.
✓✓
Classroom Mode
Use Classroom Mode to control who can make edits or watch.
✓✓
Shareable Links
Per sandbox URL with HTTPS support for secure project sharing.
✓✓

Containers

Server Sandboxes
Create full-stack web apps and use Node packages.
✓✓
Terminal
Run scripts and commands from a terminal.
✓✓
Server Control Panel
Restart the sandbox or server.
✓✓
Multiple Ports
Container apps can listen on one or more ports simultaneously.
✓✓
Secrets
Hide sensitive information in your app and access them via environment variables.
✓✓

Sandbox Config & Management

Dashboard
Organize sandboxes and templates. Search, sort, or modify multiple sandboxes at once.
✓✓
Configuration UI
Edit config files for npm, Prettier, Netlify, Vercel, TypeScript, JavaScript, and your sandbox.
✓✓
Export Zip
Download your sandbox as a zip.
✓✓
Import CLI
Import a local project to CodeSandbox easily.
✓✓
Define API
Programmatically create sandboxes via an API.
✓✓
Storage Management
View storage usage and upload or delete files from one management screen.
✓✓

Community

Public Profile
A personal portfolio page highlighting your best sandboxes.
✓✓
Sandbox Search
Search public sandboxes and filter by dependency, environment, and tag.
✓✓
Explore
Hand-picked sandboxes highlighting the best recent community creations.
✓✓