Visualizador de HTML e Templates

Edite HTML e veja o preview ao vivo. Suporta variáveis dinâmicas {{nome}}, preview responsivo e modo escuro — ideal para templates de e-mail. Tudo no navegador, sem enviar nada para servidores.

📝 Cole ou digite um HTML para começar
HTML / Template

Variáveis detectadas 0

Nenhuma variável {{...}} encontrada no HTML.

Integração Communication (template de e-mail)

Validação —

  • As dicas de validação aparecem aqui.

Para que serve o Visualizador de HTML?

Cole qualquer trecho de HTML e veja o resultado renderizado ao vivo, sem precisar criar arquivo nem subir nada. É perfeito para prototipar páginas, testar e-mails HTML e — o diferencial — preencher variáveis dinâmicas como {{nome}} para ver exatamente como o template ficará com dados reais. Tudo acontece no seu navegador; nada é enviado para servidores.

Funcionalidades

⚡

Preview ao vivo

O HTML é renderizado em tempo real num quadro isolado e seguro enquanto você edita.

🔣

Variáveis dinâmicas

Detecta {{variavel}} automaticamente e gera campos para você preencher e ver o template renderizado.

📱

Preview responsivo

Veja como fica em desktop, tablet, mobile (375px) e na largura padrão de e-mail (600px).

🌙

Modo escuro

Simule o fundo escuro de clientes de e-mail e dispositivos no modo noturno.

🔍

Validação

Dicas rápidas: imagens sem alt, links sem destino, tags possivelmente abertas e variáveis não preenchidas.

🔒

100% no navegador

Nada é enviado para servidores. Salva seu trabalho localmente (localStorage).

Perguntas frequentes

O visualizador de HTML é gratuito?

Sim. É 100% gratuito, sem cadastro e sem limite de uso. Todo o processamento acontece no seu navegador.

Como funcionam as variáveis dinâmicas?

Escreva {{nome}} no HTML que a ferramenta detecta a variável e gera um campo para preencher, mostrando o template renderizado. É a mesma sintaxe de chaves duplas do Handlebars/Mustache.

Posso usar para testar templates de e-mail?

Sim. Há preview na largura padrão de e-mail (600px), modo escuro e validação de imagens sem alt, links sem destino e tags possivelmente abertas.

Meu HTML é enviado para algum servidor?

Não. Nada é enviado: o HTML é renderizado localmente e seu trabalho é salvo apenas no localStorage do seu navegador.

Outras ferramentas gratuitas para desenvolvedores

Confira também o HookScope para depuração de webhooks, o Validador de JSON, o Decodificador de JWT, o Gerador de UUID, o Encoder/Decoder Base64, o Gerador de Senha e o Planning Poker Online.