A simple, real-time online editor to test and showcase your HTML, CSS, and JavaScript code snippets. This app provides a live preview of your web projects as you type.
- Live Preview: See the output of your code instantly in the output pane.
- Three-Panel Layout: Clean, resizable panels for HTML, CSS, and JavaScript.
- Real-time Rendering: The output window updates automatically as you write code.
- Lightweight & Fast: A simple tool for quick prototyping and testing web snippets.
- Responsive Design: Usable on various screen sizes for coding on the go.
This project is built with core web technologies:
- HTML: Provides the basic structure of the editor.
- CSS: Styles the layout, panels, and overall appearance.
- JavaScript: Powers the core functionality, linking the input panels to the live preview
iframe.
The easiest way to use CodePad is by visiting the GitHub Pages link: https://maheshmnair.github.io/CodePad/
If you'd like to run the project on your own machine:
-
Clone the repository:
git clone https://github.com/maheshmnair/CodePad.git
-
Navigate to the directory:
cd CodePad -
Open the application: Simply open the
index.htmlfile in your web browser.
Feedback, bug reports, and pull requests are welcome! If you have an idea for an improvement or find a bug, please open an issue.
This project is open source. Feel free to use, modify, and share it.