HTMLForge is a modern, browser-based HTML editor interface built entirely with HTML, CSS, and JavaScript. It provides a powerful split-view workspace where users can write HTML, CSS, and JavaScript on the left while seeing the rendered output live on the right. The editor leverages the browser's native textarea element paired with an iframe for preview, offering a lightweight yet capable coding environment without any external dependencies. Real-time preview automatically refreshes as the user types, with a short debounce delay to keep performance smooth. The interface features a professional dark-themed toolbar, a monospaced code editor with line numbers and tab support, and a draggable resizer that lets users adjust the split between code and preview panels. A built-in snippets library provides ready-made code blocks for common layouts and components, including HTML5 boilerplate, flexbox, CSS grid, contact forms, styled buttons, cards, navigation bars, and responsive tables.
Features
- Live HTML, CSS, and JavaScript preview
- Split-view layout with draggable resizer
- Real-time auto-run with debounce
- Line numbers in the code editor
- Tab key support for indentation
- Undo and Redo history (Ctrl+Z / Ctrl+Y)