Skip to content

How to Use HTML Viewer

Write or paste HTML, CSS and JavaScript and see a live rendered preview with console output. Open .html files, test mobile widths and download the page.

About this tool

Write or paste HTML, CSS and JavaScript and see a live rendered preview instantly.

How to use HTML Viewer

  1. Paste HTML in the HTML tab, and styles and scripts in the CSS and JavaScript tabs, or open an .html file.
  2. Watch the preview update as you type, or press Ctrl + Enter to run it.
  3. Check console messages, switch to tablet or phone width, then download or open the page in a new tab.

Worked example

Paste an email template’s HTML to see how it renders before sending, or test a small JavaScript snippet and read its console.log output.

Is it safe to run pasted code?

The preview runs in an isolated sandbox that cannot read this site, your cookies or other tabs.

Can I load external files?

Yes. Links to CSS, fonts, images and scripts on the internet load as they would in a normal page.

Put this guide into practice

  • HTML Viewer — Write or paste HTML, CSS and JavaScript and see a live rendered preview instantly.

Explore HTML Tools · More practical guides

Accessibility Menu

Personalize your experience. Open with Ctrl+U (Option+U on Mac). Preferences stay in this browser when storage is available.

Move / Hide Widget

Restore at any time with Ctrl+U (Option+U on Mac).

Accessibility statement and help