Recent Updates

Not one, but two new templates have been added to CodeSandbox! The templates are Dojo and CxJS. These implementations are completely built by @nicknisi and @mstijak. A huge thanks for their effort!

It's now possible to drag and drop files in your sandbox! We automatically upload binary files to our file hosting if there are images and other files included.

Thanks to the new package of samdenty99 called console-feed we can now reliably show all console messages.

You can now upload static files directly to CodeSandbox using our file uploader. Just click 'Upload Files' and select the files to upload. This is also supported in the CLI.

You can now chat with other collaborators in a CodeSandbox Live session.

CodeSandbox Live allows you to open up your sandbox for real time collaboration. You can simultaneously edit code, create files, move files and delete files. We also added Classroom mode, which allows you to define who can edit the code.

Read more about it here.

And watch this video to see a demo of how it works:

youtube:https://www.youtube.com/embed/DnnJ0sLn28s

From day one we’ve always tied templates to a CLI. The main reason for this is that we want to keep sandboxes simple, you shouldn’t need to do any configuration to get started. I didn’t want to create a ‘Vanilla’ template because there was no way to create ‘vanilla’ web projects without configuration, until recently.

We now have support for the Parcel template, based on the Parcel bundler.

Read more about it here.

We released one big update, with:

• New Redesigned Editor
• Angular Support
• Jest Integration
• Custom Babel Plugin Support
• Rewrite to Cerebral
• HMR API Support
• Configuration File Support
• Sandbox Configuration

And much more!

Read more about it here.

You can now add dependencies by GitHub repository or by Semver range. You can do this by clicking 'Add Package', entering the dependency like you would with yarn and npm and pressing enter.

We now have a proper documentation. You can find all CodeSandbox related info here, from API information to how to use features.

You can find it here.

You're reading it now! I decided to build this page to make it easier for everyone to keep up with our updates.

With Quick Actions you can activate actions without remembering the key stroke. Just open up the Action Menu by pressing (CMD/Alt)+Shift+P!

You can now specify custom key bindings in the preferences. You can add new key binding actions here.

Zen Mode is a special editor layout that hides all distracting elements. It's perfect for small screens, course videos and presentations. You can enable it by pressing (CMD/Alt)+K+Z or by enabling it in the preferences.

You can now search for dependencies and their examples before adding them to your sandbox.

Multiple visual improvements to the editor, including:

• Tab support
• More compact sidebar
• New file icons
• Project info cleanup

This is a preparation of the bigger redesign that we have planned for December.