Esta página ainda não foi traduzida para o português, por isso aparece em 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.

Atualizado em
Template
Console

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

Seus dados nunca saem do seu computador. Todo o processamento acontece localmente no navegador.

Como 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.

Também pesquisado como: html preview, online html viewer, preview html online, css preview, html css preview, render html, view html code, html file viewer.

Ferramentas que combinam com: 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.

Perguntas frequentes

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.
Posso instalar o HTML Viewer como um aplicativo da web e usá-lo offline?
Sim. O HTML Viewer é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.

Ferramentas relacionadas