DEV Community 👩‍💻👨‍💻

Cover image for 5 Code Playgrounds To Test & Build Ideas On
Frontend Dude 👨‍💻
Frontend Dude 👨‍💻

Posted on

5 Code Playgrounds To Test & Build Ideas On

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)

Collapse
 
tamb profile image
Tamb

I love codesandbox. Plnkr used to be my go to but I think it stopped being supported.

🌚 Browsing with dark mode makes you a better developer by a factor of exactly 40.

It's a scientific fact.