Why Browser Sandboxes

CodeSandbox Sandboxes

Sandboxes are the ideal environment for rapid web development. CodeSandbox provides two types of sandboxes: browser sandboxes (which run in the browser) and cloud sandboxes (which run in a microVM).

To create a new sandbox, you can clone a template from our "Create Sandbox" (opens in a new tab) modal. When clicking on a template, we create a fork (a copy) of the template and open the newly created sandbox in our web editor.

Difference between Browser & Cloud Sandboxes

What is a Browser Sandbox?

When using Browser Sandboxes, your code is evaluated and run in our built-in execution environment. These client environments run entirely inside of your browser and will continue to bundle your code even when you lose your connection to our servers.

Browser Sandboxes each have their own bundler attached to them which is configured to support a specific framework and emulate their official CLI tools. They are not one-to-one implementations and thus do not support advanced configuration like custom webpack configurations or ejecting. However, they are designed to mirror the default behavior of the framework.

If your project requires the use of a terminal or any additional advanced configuration like Docker, you can use a Cloud Sandbox instead.