Browser — Developer Tools

Write HTML, see it live.

No button to press, no delay. A fast, distraction-free HTML editor and live preview tool for designers and developers.

No setup, no server, no dependencies · included with dPaul-Software subscription

Open And Start Building

No setup. No server. No dependencies.

Import your files, edit, and save directly back to disk. Full syntax support, live reload on every keystroke, and a reset control to wipe back to a clean slate.

Built Vanilla

No framework, just JavaScript.

Built entirely with vanilla JavaScript. Real-time preview, desktop, tablet, and mobile modes, Find & Replace with regex, an HTMLHint debug panel, Inspect mode, version rollback, and export as raw, formatted, or minified HTML.

Core Editing & Preview

Type it, see it, instantly.

Editor

Live HTML Editor

Line numbers, type HTML and see it rendered instantly in the preview pane alongside the code.

View

Zoom Controls

Zoom the preview in and out, and reset back to default at any time.

Frame

Border Toggle

Show or hide a visible border around the preview frame.

File Handling

Edit real files, on disk.

Open

Import

Opens a local .html file. Chrome/Edge link it directly via the File System Access API; other browsers fall back to a read-only import.

Write

Save (Ctrl+S)

Writes changes directly back to the file you opened. Without a live file link, it downloads a copy instead.

Projects

Open Folder

Load an entire local site or project folder — no server needed. CSS, JS, images and internal links resolve automatically, with back/forward navigation in the preview.

Output

Export

Download the current HTML as raw, pretty-printed, or minified.

Reset

Clear

Reset the editor and preview back to a clean slate.

Editing, Debugging & Quality

Built for cleaning up as you go.

Find & Replace

Ctrl+Shift+F. Search and replace text in the HTML, including regex.

Selection

Sel Highlight

Ctrl+Q. Highlight the currently selected code in the live preview.

History

Version Rollback

Step back through previous edit states of the document.

DOM

Inspect Mode

Ctrl+I. Click elements in the preview to inspect them.

Linting

Debug Panel

Ctrl+D. Runs HTMLHint and flags errors and warnings, with a badge showing issue counts.

Reporting

Log

Generates a downloadable bug report bundling your description, the current HTML, and Debug panel results.

Extras

A few small conveniences.

Capture

Screenshot

Capture the preview pane and save it as an image.

Share the tool or your current project.

v4.0

About

Version info and credits — David Ahern / CitiIT Limited / dpaul.studio.