CodeSandbox
p/codesandbox
Free, instant, collaborative sandboxes for rapid web development.
Rahul
CodeSandbox — The online code editor for web development
Featured
19

CodeSandbox is an online editor that helps you create web applications, from prototype to deployment.

Replies
Kesler Tanner
Love using this when I'm introducing people to React. No setting up environments or switching between windows.
Rahul
I wanted to quickly write & test some components in React and that's how I found CodeSandbox 😺so far it's great and got no cons.
Vivian

I'm Teacher Assistant @Ironhack and I let the students choose between codepen and codesanbox : almost all of them choose Codesandbox :)

In addition, you're able to play around very easily with different frameworks, this is very sweet!

Pros:

Reliable

Quick

Comprehensive

Cons:

Hard to find

Haroen Viaene

you know it

Pros:

Most smooth online editor

Cons:

Sometimes a bit slow, memory heavy

Josh Hargreaves

n/a n/a

Pros:

Live Mode for pairing with somebody else.

Cons:

Can feel slightly sluggish

Philipp
How is it compared to Stackblitz?
Adrian Carolli

I use this product whenever I need to isolate a bug and test a React component.

Pros:

Easy to use

Cons:

I wish there was more video tutorials on all the features. I feel like I miss out on a bunch of features because I'm not aware of them.

Lee Qixian
Amazing tool. So powerful and even more so that it is accessible via the web (meaning you can work from anywhere!). Great job! Will definitely be including this to my toolkit.
Oliver Cambrano
CodeSandbox is really good.
Connor Shorten
Best editor for react development on the web
Nihar Raote

It is great for when I just need to work on a quick thing for the sake of learning. It might soon become my primary editor.

Pros:

It is awesome

Cons:

None

Ema Suriano

It's free and awesome :D

Pros:

- Integration with npm

- Virtual File System

- Integration with Github

- Deploy with now

- Testing integration

- Sharing was never that easy

Cons:

Sometimes I have to refresh the page because the HMR is not working , but it's in really rare situations.

Pratyush Singh
This is a really great product. Github integration makes it even easier to use. What are the usage limits for the URL that is generated for each project? How good an idea is it to use this as a hosting for your web application?
Ives van Hoorne
@singhpratyush_ Thank you for the kind words! CodeSandbox runs the projects in 'development' mode, this means that the application is a bit slower so it's easier to debug the code. That's why I wouldn't directly give a link to a sandbox for a product if you care about speed. However, we do support deployment of an optimized version right from the editor using ZEIT Now. If you click the rocket button in the sidebar you will see a button called 'Deploy' that allows you to deploy it.
Guillaume Chau

A great tool to quickly get started using a JS framework (or no framework at all). Very useful for teaching, prototyping and issue reproductions!

Pros:

Very easy to use

Fast

In the cloud

Works offline

Live collaboration

Cons:

No @vue/cli integration yet :D

Rima Jain
nice topic
Ema Suriano
This is the best application out there to prototype in a really fast way. It has a lot of excellent features, the best ones are: - Integration with npm: you can install whatever dependencies you want (also pick the version you want). - Virtual File System: you can manage files as they were in your computer, change name, etc. This is super handy when you want to move the prototype to a more serious project. - Integration with Github: can create a repo inside the platform, make commits, pull for changes, etc. This is awesome! - Deploy with now: deploy your application so it can be accesible from anywhere, suuuuper cool for demos :D - Testing integration: it has a test-runner inside (I think it's jest), so you can run test just by creating a testing file (ending with .spec.js or .test.js) - Sharing was never that easy: just by sending the link of your codesandbox, anyone has access to your code and also can fork your project and modify it (same as Github works). It's my first choice when I want to try a new library or framework. Really happy to have it :)
Joel A Bair

its verry nice!

Pros:

Live mode - pair programming - suport, terminal, sharing...

Cons:

none

Svetlana Sharipova
Briefly tried it and I already love it! Looking forward to play around in it with my next side project and try more features, integrations. Great work so far!