HTML Viewer Online

Paste HTML or open an .html file to see its rendered output instantly.

Rendered locally in your browser — your HTML is not uploaded

HTML viewer workspace

Preview settings Safe defaults

External resources and scripts are off.

0 characters
phoenix-html-preview.html HTML
Rendered preview
Canvas
Canvas background

Your rendered page will appear here.

Preview HTML online

Paste a complete document or a small snippet to check the rendered result. It is useful for reviewing saved examples, email markup, generated templates, and quick UI ideas. The viewer renders HTML; it does not validate whether the markup follows a standard.

View a local HTML file

Open an .html or .htm file up to 2 MB. The file is read and rendered locally and is not uploaded to Phoenix Code. Relative files are not imported with it, while absolute images, styles, fonts, frames, and media load only when you enable external resources.

What this HTML viewer supports

HTML and inline CSS work by default. External images, styles, fonts, frames, or media require their control. JavaScript becomes available only with external access because scripts can contact or navigate to other sites and may make the tab unresponsive. The preview uses a restricted iframe without same-origin access; forms, popups, preview downloads, and top-level navigation remain blocked.

Frequently asked questions

How do I view HTML output online?

Paste HTML into the source panel. Live preview is on by default, so the rendered result updates after you pause typing. Turn live preview off if you prefer to use the Refresh preview button manually.

Can I open an .html file from my computer?

Yes. Choose Open .html file and select an .html or .htm file up to 2 MB. Reading and rendering happen in your browser; the file itself is not uploaded to Phoenix Code.

Does the HTML viewer run CSS and JavaScript?

Inline CSS is enabled. External page resources are blocked until you select Allow external resources. To run JavaScript, enable external resources first; preview scripts can contact or navigate to other sites and may make the tab unresponsive. Only run code you trust.

What is the difference between an HTML viewer and an HTML editor?

A viewer is for quickly rendering a document or snippet. An editor supports longer authoring work such as managing project files, code hints, and synchronized preview. Phoenix Code provides HTML and CSS editing with Live Preview, while Phoenix Pro adds direct visual editing and richer device preview tools.

Highlight Mode connects an element in Live Preview to its HTML source.

Phoenix Code

Go beyond viewing in Phoenix Code

Move from a quick preview to a complete web project without losing the connection between source and rendered page.

Free Edit HTML and CSS with Live Preview and source-linked Highlight Mode.
Phoenix Pro Edit text in the rendered page, rearrange elements, style visually, and test device widths.