Logo

🔒 Runs in your browser — nothing is uploaded✓ Free, no signup

HTML Viewer & Live Preview

Paste or write HTML with CSS and JavaScript and see it render as you type. Preview at phone, tablet or full width — the page runs in an isolated sandbox.

HTML

Loading...

Preview

When should you use the HTML Viewer?

  • Previewing an HTML email or snippet without creating files
  • Testing a quick CSS or JavaScript idea
  • Checking how a component looks at phone width

How to use the HTML Viewer

  1. 1

    Paste HTML

    A full page or just a snippet — <style> and <script> tags work.

  2. 2

    Watch it update

    The preview refreshes a moment after you stop typing.

  3. 3

    Check sizes

    Switch between full width, tablet (768px) and phone (375px).

  4. 4

    Control scripts

    Turn JavaScript off to see the page without scripts, or use Reload to run them again.

Examples

A snippet

HTML

<h1 style="color: #7c3aed">Hello</h1>
<p>Rendered live.</p>

Preview

A purple 'Hello' heading with a paragraph underneath

Common errors and how to fix them

Images or scripts from my site don't load
Relative paths like /img/logo.png have no site to load from here. Use full https:// URLs.
localStorage or cookies don't work
The preview runs in a sandbox without access to storage or cookies, to keep this site safe.
Related tools: HTML Formatter · HTML to Markdown · Markdown Editor

More from Code Formatters & Minifiers

Free tools that run in your browser — no signup, nothing uploaded.

SQL Formatter & Beautifier

Format SQL queries for MySQL, PostgreSQL, SQL Server, SQLite and more.

CSS Minifier & Compressor

Optimize CSS by removing whitespace and comments to accelerate page load time.

JS Minifier & Compressor

Compress JavaScript to improve website speed and performance.

XML Formatter & Validator

Format, validate and minify XML, with errors shown by line and column.

HTML Formatter & Beautifier

Beautify or minify HTML with clean, consistent indentation.

Markdown Editor & Preview

Write Markdown with a live preview and copy the HTML.

HTML to JSX Converter

Convert HTML to valid React JSX — className, style objects and more.

SVG to React Component

Turn SVG markup into a React component with camelCase attributes.

HTML to Markdown Converter

Convert HTML to clean Markdown, including tables and code blocks.

All Code Formatters & MinifiersAll tools

HTML Viewer FAQ

The preview runs in a sandboxed frame with no access to this site, its storage or your cookies. Still, only run code you trust.

Yes — add <style> and <script> tags. Untick Run JavaScript to see the page without scripts.

Yes, <script src="https://…"> and stylesheet links to public CDNs work.

Open it in any text editor, copy the contents and paste them here.

No, nothing is stored. Copy your HTML before closing the page.

No. Everything runs in your browser, so your HTML never leaves your device.