Over the past couple of years a variety of code playgrounds have emerged on the World Wide Web. Simply put, they allow you to build, test and preview FrontEnd code without the rigmarole of creating files, starting up your IDE or setting up a local server.
Listed below are 5 of the most popular code playgrounds used by developers everyday. They all offer different ways to experiment with client-side code, share our creations with others and include features such as:
- HTML & CSS Pre-processing
- Quick start using popular JavaScript frameworks
- Hot Reloading
- Intellisense & Autocomplete
- Asset Hosting
- Collaboration Mode
- Keep editing while offline
CodeSandbox
Web Development Made Faster
An instant IDE and prototyping tool for rapid web development.
Codepen
CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.
Glitch
Build fast, full-stack web apps in your browser.
StackBlitz
Create, edit & deploy fullstack apps — in just one click.
JSFiddle
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Do you already use these sites? Share your profiles below so we can all check out your awesome creations!
Top comments (1)
I love codesandbox. Plnkr used to be my go to but I think it stopped being supported.