Editor HTML/CSS/JS ao Vivo
Um pequeno playground no navegador — escreva HTML, CSS e JS e veja o resultado atualizar ao vivo em uma prévia isolada, sem conta ou etapa de build.
890 visualizações
Um Playground Sem Nenhuma Configuração
Digite nas abas HTML, CSS e JS e a prévia abaixo é atualizada enquanto você digita — tudo roda inteiramente no seu navegador, dentro de um iframe isolado (sandbox) que não consegue acessar esta página nem seus dados. Útil para testar um trecho de código, prototipar um componente ou verificar como um pedaço de CSS realmente aparece antes de colocá-lo em um projeto real.
Esta é uma edição em texto simples por design (sem realce de sintaxe), para manter a ferramenta rápida e livre de qualquer biblioteca de editor externa.
Perguntas Frequentes
Meu código é enviado para algum lugar?
Não — tudo roda localmente no seu navegador. A prévia é renderizada em um iframe isolado nesta mesma página; nada é enviado ou salvo em um servidor.
Por que não há realce de sintaxe?
Adicionar um editor de código de verdade (realce de sintaxe, autocompletar) significa carregar uma pesada biblioteca de editor de terceiros. Esta ferramenta permanece propositalmente leve — simples áreas de texto, carregamento instantâneo, zero dependências.
É seguro rodar código não confiável na prévia?
O iframe de prévia usa sandbox="allow-scripts" sem allow-same-origin, então os scripts dentro dele não conseguem ler cookies, armazenamento local ou qualquer outra coisa desta página — ele fica isolado da mesma forma que um embed não confiável.
Ferramentas Semelhantes
Reportar um Problema
Editor HTML/CSS/JS ao Vivo