Online HTML Viewer & Live Preview

Paste HTML (and CSS or JavaScript if you have it) to preview how it renders — instantly, in a sandboxed frame, with a full-screen view.

Runs in your browserUpdated
Template
Console

Your code is saved in this browser automatically. The preview runs in a sandboxed frame without access to this site.

Your data never leaves your computer. All processing happens 100% locally in your browser.

How to use the HTML Viewer

  1. Paste your HTML into the HTML box (CSS and JavaScript boxes are optional).
  2. The preview updates as you type; click Full screen on the preview to see the page at full size.
  3. Use Format to tidy the code or Download .html to save the page.

Preview HTML without saving a file

Checking a snippet from a CMS, an email template or a Stack Overflow answer usually means saving an .html file and opening it in a browser. Here you paste and see it immediately. The preview runs in a sandboxed frame, so scripts in the snippet can’t reach this site or your data.

HTML emails and Webflow embeds

Paste an email template to check its layout before sending, or a Webflow Code Embed to see it outside the Designer. Missing styles usually mean the CSS lives in a separate file — paste it into the CSS box. To turn a design into Webflow elements, use HTML/CSS to Webflow.

Also searched as: html preview, online html viewer, preview html online, css preview, html css preview, render html, view html code, html file viewer.

Tools that pair well with the HTML Viewer

  • Online HTML Editor — A lightweight code playground: edit HTML, CSS and JavaScript side by side, see the result instantly, read console output and download your page as one HTML file.
  • HTML Formatter — Paste minified or messy markup and get clean, consistently indented HTML — including embedded <style> and <script> blocks.
  • HTML to Markdown — Paste HTML — or copy rich text straight from a web page, Google Doc or email — and get tidy Markdown you can drop into a README, wiki or static site.
  • CSS Formatter — Turn a minified stylesheet into readable CSS with one property per line and properly nested @media blocks.

Frequently asked questions

How do I preview an HTML file?
Open the file in a text editor, copy everything, and paste it into the HTML box. Linked stylesheets and images load if their URLs are absolute (https://…).
Is the HTML I paste uploaded?
No. The preview is rendered in your browser in a sandboxed frame, and the code is saved only on this device.
Can I see the preview full screen?
Yes. Click Full screen on the preview; press Esc to return.
Can I install HTML Viewer as a web app and use it offline?
Yes. HTML Viewer is an installable web app (PWA) — installed from your browser, not downloaded from an app store. Click Install app at the top of this page in Chrome or Edge (Windows, macOS, Linux, ChromeOS) or on Android, use Share → Add to Home Screen on iPhone and iPad, or File → Add to Dock in Safari 17+ on a Mac. It then opens in its own window with its own icon, and because it runs entirely in your browser it keeps working offline. Firefox on desktop can’t install web apps. How installing works.

Related tools