A powerful, browser-based HTML, CSS, and JavaScript playground that lets you write, preview, and test code in real time with an integrated console, templates, and responsive preview modes.
- Live Code Editor (HTML, CSS, JS) – Write and edit code in separate tabs with instant preview.
- Real-Time Preview Engine – See output instantly using iframe rendering.
- Auto-Run Mode – Automatically updates preview while typing.
- Manual Run Control – Run code manually using Run button or shortcut.
- Built-in Console Panel – Captures logs, warnings, and errors in real time.
- Console Filtering System – Filter logs by type (log, warn, error).
- Code Templates Library – Prebuilt templates (Landing Page, Form, Animation, Clock).
- External Library Support – Add Bootstrap, Tailwind, Animate.css dynamically.
- Responsive Preview Modes – Switch between Desktop, Tablet, and Mobile views.
- Drag-to-Resize Editor – Resize editor and preview panels dynamically.
FORGE/
├── index.html
├── script.js
├── style.css
- HTML5
- CSS3
- JavaScript
- Clone the repository:
git clone https://github.com/Agent-A345/FORGE.git
- Open the project and navigate to the file:
cd index.html
- Run the game in any modern browser
Write Code
- Use tabs: HTML / CSS / JS
- Write code in respective editors
Run Code
- Click Run button
- Or press Ctrl + Enter
- Enable Auto Mode for live updates
Preview Output
- View output in right panel
- Switch preview modes: Desktop/Tablet/Mobile
Debug Code
- Open Console panel
- View logs, warnings, and errors
- Filter logs by type
Forge helps developers:
- Prototype ideas quickly
- Test UI and logic instantly
- Debug JavaScript in-browser
- Learn frontend development interactively
- Build mini projects without setup
- Multi-file project system
- GitHub integration
- Code sharing via links
- AI-assisted code suggestions
This project is licensed under the MIT License.