codesandbox-client
An online IDE for rapid web development
An online code editor that runs entirely in a browser, letting you start a web project in seconds, see a live preview, and share a working example with anyone via a URL, no local setup required.
CodeSandbox is an online code editor and development environment that runs entirely in a web browser. You open it on any device with a browser, create a project, write code, and see a live preview of the result without installing any software on your computer. It is aimed at web development, supporting common frameworks like React, Vue, Angular, Svelte, and Preact out of the box.
The main appeal is speed of setup. Starting a new project takes seconds rather than the time it would take to install dependencies and configure a local development environment. This makes it useful for quickly testing an idea, sharing a working example with someone else, or picking up where you left off from a different device.
Sharing is built into the workflow. Each sandbox has a URL that anyone can open to see the code and the live running result. This is commonly used for demonstrating bugs, sharing code snippets, or building tutorials where the reader can experiment directly rather than just reading static code.
This particular repository contains the client-side web application: the code editor interface, the file browser, the preview pane, and the surrounding UI. CodeSandbox as a service also has separate back-end components including an API server and a tool for importing projects directly from GitHub repositories, though those are housed in different repositories.
The project has over 150 open source contributors and accepts community pull requests. Full documentation is available on the CodeSandbox website. The full README is longer than what was shown.
Where it fits
- Start a new React, Vue, or Angular project from scratch in seconds and share a live preview URL with teammates without cloning or installing anything.
- Reproduce and share a browser bug with a link anyone can open and edit without setting up a local environment.
- Contribute to the CodeSandbox editor interface by submitting pull requests to this open-source client repository.