Card snippet
Input
<section class="card"><h1>Hello</h1><p>Paste HTML on the left and preview it on the right.</p></section><style>.card{padding:32px;border-radius:16px;background:#f6f5ef}</style>Output
Rendered card preview
HTML Live Preview
Paste HTML on the left and preview the rendered page on the right, with scripts and external resources restricted.
Developer tools
What it helps with
- Preview a small HTML snippet before sharing
- Check email or article block layout quickly
- Review generated HTML without opening a separate file
How to use
- Paste an HTML snippet or document into the editor.
- Check the sandboxed preview and the removed-resource summary.
- Copy the cleaned HTML if you want to keep the restricted version.
Examples
Simple article section
Input
<article><h1>Release note</h1><p>KoguNavi keeps small cleanup tasks quick.</p><ul><li>Format</li><li>Preview</li><li>Copy</li></ul></article>
Output
Rendered article preview
Good to know
- This is a sandboxed preview, not a full browser tab.
- Scripts, event handlers, forms, embeds, and external resources are restricted.
- External CSS files and remote images are not loaded.
- Complex app pages may not match production behavior.
FAQ
- Does the preview run JavaScript?
- No. The preview uses a sandboxed iframe and removes scripts and event handlers before rendering.
- Will remote images or CSS load?
- No. External resources are removed so pasted HTML does not fetch remote images, CSS, or embeds.
- Can it preview a full app page exactly?
- No. It is meant for HTML snippets, article sections, and simple layout checks, not full interactive apps.
- Is pasted HTML stored?
- No. KoguNavi has no feature to store pasted HTML. Copy what you need.
Related tools
Nearby utilities from the KoguNavi toolbox.