Sandbox Editors

Browser sandboxes are sandboxes that fully run in the browser, and are made to run frontend JavaScript/TypeScript frameworks. If you would like to run backend services or databases, check Cloud Sandboxes.

Synced Sandboxes

(previously called Repositories)

With CodeSandbox you can import any GitHub repository as a sandbox. An imported sandbox will automatically stay in sync with the GitHub repository; if you make a commit to GitHub it will reflect immediately in the sandbox.

For that reason we've made GitHub sandboxes immutable, this means that you cannot make direct changes to the sandbox itself. They are treated as templates, so you can fork from them. When you create a fork of a GitHub sandbox we will still keep a reference to the original GitHub repository.

Uploading Static Files

It's sometimes desired to have either images or big files in a sandbox. We allow you to upload these within CodeSandbox. As a patron (opens in a new tab) you are allowed to upload a maximum of 500MB, otherwise you are able to upload 20MB. Remember that all uploaded files are public, regardless of the privacy of the sandbox

Ways to upload

There are two ways to upload files: by using a wizard or by drag and dropping the files in a folder in CodeSandbox. The wizard can be opened by clicking on the upload icon in the Files tab.

Dragging and dropping the files in the Files tab works as well.

Storage Management

You can use an uploaded file in multiple sandboxes at the same time. For this reason we have a separate 'Storage Management' that allows you to see which files you have uploaded. You can find the manager in your user menu.

You are able to view your storage usage with the option to either open uploaded files, add uploaded files to the opened sandbox or to delete an uploaded file.

CLI Integration

When you deploy a sandbox using the CLI we automatically detect the binary files and upload them to the CodeSandbox Storage Management after getting confirmation.