HTML Preview
A browser-based HTML playground — write HTML, CSS and inline scripts and see them rendered live inside an isolated sandbox, with format, minify and responsive-width controls.
Everything runs in your browser — your Markdown, HTML and code are never uploaded. Rendered output is sanitised, and playground code runs only inside an isolated sandbox.
- Live preview with an auto-run toggle and a manual Run button.
- Format or minify the HTML in place.
- Responsive preview at full, tablet (768px) and mobile (375px) widths.
- Copy or download your HTML; reset to a starter template or clear.
- Fullscreen mode for focused work.
Overview
Write HTML — with inline <style> and <script> — and see it rendered immediately. The preview auto-runs as you type (toggleable), updates responsively at tablet and mobile widths, and can be formatted or minified in place.
How to use it
- 1Type or paste HTML into the editor.
- 2The preview updates automatically; turn off Auto-run to control it with the Run button.
- 3Use the device buttons to check narrow layouts, then Copy or Download.
Frequently asked questions
What people use it for
Test an HTML snippet without a local setupPaste markup from a tutorial or a bug report and see it render.Read the guide
Prototype a component with inline CSS and JSIterate on a small piece of UI entirely in the browser.
Check an email or newsletter fragmentPreview table-based HTML at a fixed width.
Debug a rendering issueIsolate a chunk of HTML/CSS to see exactly what it produces.
Related tools
All preview & playground toolsReady to use HTML Preview?
HTML Preview