Blog
GitHub
Create Sandbox
CodeSandbox
The online code editor for web applications
Open React
Explore Examples
Tailored for web applications
We know how overwhelming JavaScript development can be. With CodeSandbox we specifically focus on web application development to make the experience as smooth as possible. Just open your browser and start coding.
React
Supported Loaders
CSS Scoping Support
Share in a single click
Say goodbye to the days where you had to create a zip file just to share your code. Now you can copy the link and share away!
NPM Support
Think of any npm dependency you want to use, we probably support it! You can install a new dependency within seconds.
Learn how it works.
Search & Discovery
Want to know how a library works? You can easily browse through the 80,000+ created sandboxes on CodeSandbox. We want this to be a platform where everyone can easily learn and share.
Embedding
We built a lightweight version of CodeSandbox for embeds, this allows you to embed your sandbox anywhere. Viewers can even play with the code in the embed, without leaving the website. We offer many customization options to make sure you can show the embed exactly the way you want.
Be Productive, Anywhere
We aim to give you the tools to build a full blown web application. You can easily import projects from GitHub, make commits, and finally deploy. We support the whole cycle.
Import
Paste your GitHub URL. You get a sandbox that stays up to date with the latest changes automatically.
Build
Fork the sandbox and start building that long awaited feature!
Commit
Commit your changes or open a pull request with a user friendly UI.
Deploy
Deploy a production version of your sandbox using ZEIT Now.
Github.com/reactjs/red…
Codesandbox. IO/s/a lot/re…
Deploying… https://csb-921ywn…
There’s more
This was just the tip of the iceberg. There are many more things to explore, if you are missing anything you can always open an issue on GitHub.
patron
ESLint
Emmet.io
here.
codesandbox-cli
Recent Publications
CodeSandbox 2.0
Announcing CodeSandbox 2.0. With GitHub commiting, a new homepage and support for static files.
The Journey of CodeSandbox
Ives explains how CodeSandbox came to be, how it works and what the future holds.
NPM in the browser
What we have done to make npm work in the browser, and what we will do in the future.
Become a Patron
You can support our development by becoming a Patron and paying a monthly amount of your choice. As a Patron you get less limits and extra features, like private sandboxes. There are more patron features coming.
CodeSandbox
- Create Sandbox
- Search
- Patron
About
- Blog
- GitHub
- Contact Us
Social
- Discord
Bas Buursma
Ives van Hoorne