CodeSandbox
New

Meet Boxy, your new AI coding assistant.

Available to Pro subscribers.

Learn more

CodeSandbox Pro

Make your
workflow Pro.

For learning and experimenting.

Free
$0
forever
  • Up to 5 editors
  • 20 public sandboxes
  • 3 public repositories
  • All platform features
  • Team dashboard
  • -
  • 2GiB RAM
  • 2vCPUs
  • 6GB Disk
Start coding

For small teams focused on collaboration.

Team Pro
$15
per editor per month, billed annually or $18 per month.
  • Up to 20 editors
  • Unlimited sandboxes
  • Unlimited repositories
  • ✨ Full access to AI tools
  • Private npm packages
  • Advanced permissions
  • Live sessions
  • -
  • 8GiB RAM
  • 4vCPUs
  • 12GB Disk
Upgrade now
Free
Start coding
Team Pro
Upgrade now

Editors

Number of editors in a team.

Up to 5
Up to 20

✨ Full access to AI tools

Access a personal AI assistant in cloud sanboxes and repositories.

remove
check

Sandboxes

Maximum number of sandboxes a team can create.

20 (only public)
Unlimited (public and private)

Repositories

Maximum number of repos a team can create. Repos allow developing projects connected to Git.

3 (only public)
Unlimited (public and private)

VM Specs

The specs of the VM that will run your repositories.

2GiB RAM
2 vCPUs
6GB Disk
8GiB RAM
4 vCPUs
12GB Disk

Public npm packages

Use any of the 1M+ public packages on npm in your sandboxes.

check
check

Private npm packages

Use private npm packages from your own custom registry.

remove
check

Live sessions

Collaborate on sandboxes in real-time.

remove
check

Static file hosting

All static files are served via CDN.

20MB total
7MB upload
1000MB per user
60MB upload
Start coding
Upgrade now

Powerful features in every plan.

CodeSandbox CI

A GitHub integration that auto-builds from pull requests.

VS Code integration

Leverage the power and comfort of VS Code.

preview

Hot module reloading

See changes as you make them.

task_alt

Keybindings & quick actions

Perform common tasks in record time.

terminal

Console

View logging and console outputs to check the loading progress and debug issues.

smart_display

Low-code tooling

With our inspect tool and editable previews, anyone can make and commit changes with a click.

interests

Custom themes

Tweak theme styles with support for all VS Code themes.

circle

Type acquisition

Typings are automatically downloaded for every dependency.

dynamic_form

Docker support

Add servers and configure a unique database for every PR and branch.

dynamic_form

External resources

Automatically include external resources, like CSS or JS files.

code

Vim mode

Vim emulation in the editor, powered by the VSCodeVim extension.

cloud_sync

Session Restore

Recover unsaved changes between sessions.

auto_fix

Prettier

Code gets prettified on save according to preferences.

slide_library

ESLint

Code is linted automatically

edit_note

Emmet

Expand abbreviations with Emmet.io in all JS, HTML, and CSS files

settings

Configuration UI

Expand abbreviations with Emmet.io in aEdit config files for npm, Prettier, Netlify, Vercel, TypeScript, and JavaScriptll JS, HTML, and CSS files.

code

Run any language and framework

Run Node, NextJS, Vite and other back-end frameworks, or use Docker to add support for Rust, Python, and other languages.

vpn_key

Secrets

Hide sensitive information in your app and access them via environment variables.

dns

Server control panel

Restart the sandbox or server.

code_blocks

Multiple ports

Container apps can listen on one or more ports simultaneously.

folder_zip

Export Zip

Download your sandbox as a zip.

bug_report

Test viewer

Showing test results alongside your code.

problem

Problem viewer

See errors clearly with our user-friendly overlay.

circle

React DevTools

Integration of React’s own DevTools into the editor.

terminal

Terminal

Run scripts and commands from a terminal.

GitHub integration

Import and sync public repos, export, create commits, and open Pull Requests.

upload_file

Streamlined deployment

Deploy your code to production to Vercel, Netlify, or any other provider.

api

Define API

Programmatically create sandboxes via an API

smart_display

Presentation mode

Hide distracting editor elements for demos and screenshots.

verified_user

Private, reliable, secure.

CodeSandbox continues to amaze me every day.

Peggy Rayzis
Peggy Rayzis
Engineering Manager, Apollo GraphQL
Trusted by thousands of developers and companies.
Microsoft
Shopify
Atlassian
Stripe
Framer
Algolia

It dramatically improved my experience of sharing ideas.

Brian Vaughn
Brian Vaughn
Software Engineer, React Team

It feels much more like my local environment.

Jonnie Hallman
Jonnie Hallman
Designer Developer, Stripe

Can't find what
you need?

schoolWe can provide more flexible plans for educators and open source contributors. Request access chevron_right
mail If you have specific needs, we will work on finding a solution that works for you. Contact us chevron_right