loading...

Code Sandbox / Developer Playground Options

mattymaloney profile image mattymaloney Updated on ・2 min read

I'm often annoyed with codepen.io (sorry codepen peeps; love ya though!). Looking for alternatives...

See also:
https://www.reddit.com/r/javascript/comments/c13c4t/what_are_some_of_the_alternatives_to_codepenio/

Flems

Interesting and uses unpkg.com for dependencies. Not sure how that works until I try it...
https://flems.io/

JSFiddle

It's grown a lot since the old days, but still feels a little back-woods to me.
https://jsfiddle.net/

CodeSandbox

This may become my new goto.
https://codesandbox.io/

rainbow9.org

Just noting it here because I miss it.

AWS Cloud9

This is more of a full-fledged development environment.
https://aws.amazon.com/cloud9/
https://console.aws.amazon.com/cloud9/home/product

Repl.it

I used this years ago when learning Scheme. Looks like it's evolved to include tutorials and a community feel.
https://repl.it/

Practice Board

New to me, but omg this looks like one of the originals!
https://www.practiceboard.com/

Outpan

Seems like a hot spot for me to publish quickie apps. Although I must say many of the apps here do not look like quickies. As their tagline says: awesome apps in your browser.
https://www.outpan.com/

Glitch

Collaborative development sandbox.
https://glitch.com/


Update 2020 June 29

Just saw this one here on dev.to. Nice work!!
https://dev.to/chr15m/i-built-an-online-code-editor-3aj5


Update 2020 May 18

Snack

I didn't know it was possible, but snack has iOS, Android, and browser previews for React Native code. e.g. This demo from Formik. Do other playgrounds have this option?


Look for more alternatives...

Several more alternatives nicely organized with pros, cons, and screenshots.
https://www.slant.co/options/5535/alternatives/~codepen-alternatives

Discussion

markdown guide