HTML Viewer

Preview HTML in a frame.

About this tool

Preview an HTML fragment in a sandboxed iframe so you can see structure without leaving the page.

How to use

Paste HTML, run View, check the frame. Scripts are sandboxed — this is for markup preview, not full app execution.

Example

Example uses inline styles so the frame shows something visible immediately.

Input

<article style="font-family:system-ui;padding:1rem">
  <h1 style="margin:0 0 .5rem">Preview card</h1>
  <p style="margin:0;color:#334155">Sandboxed HTML viewer example.</p>
</article>

Output

(rendered in the preview frame)

Tip

Use for email fragments and static component sketches.

Good to know

Do scripts run in the preview?

No. The frame is sandboxed without script permission, so it shows markup and CSS only. Test behavior in a real page.

Will Tailwind classes show up in the preview?

Not by default: the frame has no stylesheet, so utility classes do nothing until you add a <link> to compiled CSS or paste it into a <style> block. The Tailwind Play CDN script cannot run because scripts are blocked.

Chrome Extension