Skip to main content

Pricing

Community

Free
  • Development & Prototyping
  • Online IDE
  • Embeds
  • CodeSandbox CI
  • Teams
Create Sandbox, it’s free

Pro

$12/month
  • Everything in Community, plus:
  • + Unlimited Private Sandboxes
  • + Private GitHub Repos
Subscribe to Pro

Team Pro

Coming soon
Use CodeSandbox with your team

Features

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.

  • ZEIT Now Deploy

    Deploy a production version of your sandbox to ZEIT Now.

  • 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, Now, 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.

  • Embeds

    Embed sandboxes in docs, blog posts, and websites.

  • CodeSandbox CI

    A GitHub integration that auto-builds from pull requests.

  • Teams

    View and edit sandboxes with all team members.

Join millions of people prototyping what’s next

Create Sandbox, it’s free
safari with codesandbox