HTML Previewer — Safe, Sandboxed Live Preview

Paste or write HTML and see it render instantly in a sandboxed iframe. Add external CSS/JS, set base URL, emulate devices, capture console, and export.

Input
Mode
HTML
External Resources
CSS URLs (one per line)
JS URLs (one per line)
<base> href
Document Options
Meta viewport
CSS reset
Capture console
Sandbox
allow-scripts
allow-forms
allow-modals
allow-popups
allow-same-origin (⚠️ risky)
Preview Controls
Custom width (px)
Custom height (px)
Zoom (%)
Auto render
Sandbox: allow-scripts
Console
No messages yet
Export

Similar Tools

QR Code Generator
QR Code Generator

Generate QR codes for URLs, contact details, or plain text instantly.

Data URL Generator
Data URL Generator

Create and decode data: URIs from text or files. Set MIME/charset, choose base64 or percent-encoding, view live previews (images/HTML/SVG/JSON), generate ready-to-use snippets (<img>, CSS background, Markdown, <link>), make QR codes, batch decode, and optionally minify/sanitize — all in your browser.

HTML ⇄ JSX Converter
HTML ⇄ JSX Converter

Convert HTML to JSX and JSX to HTML with accurate attribute mapping (class↔className, for↔htmlFor, SVG props), inline style string ⇄ object, boolean attributes, void elements, comment handling, and a sandboxed preview. 100% client-side.

JSON → Code
JSON → Code

Turn JSON into ready-to-use models: TypeScript (optionally with Zod), Python (Pydantic), Go structs with json tags, and C# classes. Handles enums, nullability, date detection, arrays/objects, field casing (preserve/camel/snake), and copy/download — all client-side.

PHP Serialize ⇄ Unserialize
PHP Serialize ⇄ Unserialize

Convert PHP serialize() strings to JSON and back — no code execution. Supports types N/b/i/d/s/a/O, references r/R, exposes C payload, pretty/minify with custom indent, UTF-8 byte-length repair, and optional base64/gzip pre-decode. 100% client-side.

SCSS Formatter
SCSS Formatter

Format SCSS stylesheets with Prettier-powered parsing. Choose beautify or lightweight minify, control indentation, drag-and-drop .scss files, and copy/download — all client-side.

Want More? Search
Want All? Browse

What you can do

  • Live preview HTML in a sandboxed iframe
  • Toggle sandbox flags (scripts/forms/modals/popups)
  • Add external CSS/JS and a <base> href
  • Device presets + custom size + zoom
  • Capture console logs & errors from the preview
  • Export as .html or open in a new tab

Frequently Asked Questions (FAQs)

Why Use ToolMateX

Tired of bloated tool websites with 10 ads per click? This platform is built for speed, simplicity, and reliability. Whether you're debugging JSON or testing colors, we’ve got your back.

Free to Use, Forever
Free to Use, Forever

All tools run right in your browser, fast, reliable, and available whenever you need them. No ads, and nothing to install.

Explore Tools
Works Offline (Most of Them)
Works Offline (Most of Them)

Most of my tools work directly in your browser without needing a server. Perfect for fast workflows (even if you’re offline).

Try it in airplane mode
Made by a 1-Person Team
Made by a 1-Person Team

Made by someone who actually uses these tools daily. It’s fast, clean, and made with your workflow in mind, not corporate KPIs.

Read the story