HTML-CSS-JS Playground

A React application for online web playground.

Basic-Idea

This project provides an interactive platform where users can write and test HTML, CSS, and JavaScript code in real time. The primary goal is to create a seamless experience for experimenting with front-end code, allowing users to instantly see the results of their changes. Built with React and Tailwind CSS, the application offers a modern and responsive interface. Users can input their code into separate panels for HTML, CSS, and JavaScript, and view the output directly on the same page. This setup is designed to facilitate learning and rapid prototyping.

Technical Information

Built with

  • React
  • Tailwind Css
  • CodeMirror and react-codemirror2
  • Iframe

Live site url: Online-Web-Compiler

Source code Github