Esta página aún no está traducida al español, así que la mostramos en inglés.

Online HTML Viewer & Live Preview

Paste HTML (and CSS or JavaScript if you have it) to preview how it renders — instantly, in a sandboxed frame, with a full-screen view.

Actualizado el
Template
Console

Your code is saved in this browser automatically. The preview runs in a sandboxed frame without access to this site.

Tus datos nunca salen de tu ordenador. Todo se procesa localmente en tu navegador.

Cómo usar: HTML Viewer

  1. Paste your HTML into the HTML box (CSS and JavaScript boxes are optional).
  2. The preview updates as you type; click Full screen on the preview to see the page at full size.
  3. Use Format to tidy the code or Download .html to save the page.

Preview HTML without saving a file

Checking a snippet from a CMS, an email template or a Stack Overflow answer usually means saving an .html file and opening it in a browser. Here you paste and see it immediately. The preview runs in a sandboxed frame, so scripts in the snippet can’t reach this site or your data.

HTML emails and Webflow embeds

Paste an email template to check its layout before sending, or a Webflow Code Embed to see it outside the Designer. Missing styles usually mean the CSS lives in a separate file — paste it into the CSS box. To turn a design into Webflow elements, use HTML/CSS to Webflow.

También se busca como: html preview, online html viewer, preview html online, css preview, html css preview, render html, view html code, html file viewer.

Herramientas que combinan con: HTML Viewer

  • Online HTML Editor — A lightweight code playground: edit HTML, CSS and JavaScript side by side, see the result instantly, read console output and download your page as one HTML file.
  • HTML Formatter — Paste minified or messy markup and get clean, consistently indented HTML — including embedded <style> and <script> blocks.
  • HTML to Markdown — Paste HTML — or copy rich text straight from a web page, Google Doc or email — and get tidy Markdown you can drop into a README, wiki or static site.
  • CSS Formatter — Turn a minified stylesheet into readable CSS with one property per line and properly nested @media blocks.

Preguntas frecuentes

How do I preview an HTML file?
Open the file in a text editor, copy everything, and paste it into the HTML box. Linked stylesheets and images load if their URLs are absolute (https://…).
Is the HTML I paste uploaded?
No. The preview is rendered in your browser in a sandboxed frame, and the code is saved only on this device.
Can I see the preview full screen?
Yes. Click Full screen on the preview; press Esc to return.
¿Puedo instalar HTML Viewer como aplicación web y utilizarla sin conexión?
Sí. HTML Viewer es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.

Herramientas relacionadas