Live HTML Editor

---

Open Source & Free Tools | Version 1.0

See what yourHTML becomes.

Paste or type HTML. Import a file.Watch the page take shape as you work.

HTML in. Preview out.

Type on the left and see the page directly beside it. The viewer works as a single local HTML file.

HTML sourcePaste, type, or drop a file

No HTML yetTab inserts two spaces

Live preview

DesktopMobile

Preview is isolated from the editor. JavaScript and external assets are off until enabled below.

Import HTMLLoad exampleClear

Refresh previewCopy HTMLDownload HTML

Ready for HTML.

Run scripts in previewLoad external assetsUpdate as I type

Imported files stay in this browser tab. External assets may contact websites when enabled. Files referenced by relative paths need to be embedded or supplied separately.

From code to page.

A quick place to check markup, try CSS, and inspect an HTML file without setting up a project.

01 / INPUT

Bring in your HTML.

Paste a fragment or full document, type directly, or import an HTML file from your computer.

02 / VIEW

See changes live.

Switch between desktop and mobile widths. Refresh manually when you want a clean rerun.

03 / EXPORT

Take the source with you.

Copy the edited markup or download it as a standalone .html file.

Kitbashed Creative · HTML Viewer