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


Web Development Made Faster
An instant IDE and prototyping tool for rapid web development.


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.


Build fast, full-stack web apps in your browser.


Create, edit & deploy fullstack apps — in just one click.


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)

tamb profile image

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