About the HTML Viewer
A split-pane HTML editor with a live preview that re-renders as you type. Paste a fragment to see how it renders, prototype a layout without creating a project, or check an email template. The preview runs in a sandboxed iframe, which isolates the code you are testing from the rest of the page.
How to use the HTML Viewer
-
Write or paste HTML
Enter markup in the left pane. Inline <style> and <script> blocks work, so you can prototype a complete self-contained page.
-
Watch the live preview
The right pane re-renders automatically as you type, inside a sandboxed iframe that keeps the tested code isolated.
-
Iterate and keep your work
Your markup is saved to browser storage, so closing the tab or reloading the page does not lose the draft.
When to use it
Testing a snippet
Check how a piece of markup renders before dropping it into a larger codebase.
Prototyping a layout
Sketch a flexbox or grid arrangement quickly, without scaffolding a project or starting a dev server.
Teaching and learning HTML
Change a tag or an attribute and see the effect immediately, which makes the markup-to-render relationship concrete.
Frequently asked questions
Does the preview run JavaScript?
Yes, inside a sandboxed iframe. The sandbox restricts what the code can reach, so a script in your test markup cannot interfere with the editor itself.
Can I load external CSS or scripts?
External resources referenced by absolute URL generally load, subject to the sandbox restrictions and the remote server CORS policy.
Is my HTML saved or uploaded?
It is saved to your browser localStorage so a reload does not lose it. Nothing is uploaded to any server.
Can I download the result as a file?
Copy the markup from the editor and save it locally as an .html file. The editor itself is intended for fast iteration rather than project file management.
Related tools
Browse all free online tools on Tooly — every one runs in your browser, with no account required.