Sobre esta ferramenta
Um playground de código é o jeito mais rápido de testar uma ideia: sem projeto para montar, sem etapa de build, sem servidor. Digite HTML, CSS e JavaScript nos três painéis e o preview se renderiza de novo assim que você para de digitar. É perfeito para testar um snippet do Stack Overflow, prototipar um componente ou ensinar como um trecho de código se comporta.
Tudo roda localmente num iframe isolado dentro do seu navegador — seu código nunca é enviado a lugar algum. Quando tiver algo de que goste, baixe como um único arquivo .html autossuficiente que você pode abrir em qualquer lugar ou colocar num projeto.
Perguntas frequentes
Meu HTML/CSS/JS roda em um servidor?
Não. Tudo é executado no seu navegador dentro de um iframe em sandbox — não há execução no lado do servidor, então nada que você escreve é enviado a lugar nenhum.
O iframe de prévia é seguro para experimentar?
Sim. A prévia roda com sandbox="allow-scripts allow-modals", então não consegue acessar a página pai, ler cookies ou navegar a janela de nível superior — está isolada do resto do site.
Meu código salva automaticamente?
Sim. HTML, CSS e JS são salvos no armazenamento local deste navegador cerca de 300ms depois que você para de digitar, e restaurados automaticamente na próxima vez que você abrir o playground aqui.
Posso usar bibliotecas externas de um CDN?
Você pode adicionar uma tag <script src="https://..."> diretamente no painel de HTML para trazer uma biblioteca hospedada em CDN, mas não há suporte a npm/bundlers — apenas o que uma tag <script> simples consegue carregar.
Posso salvar meu playground como um arquivo independente?
Sim. Baixar empacota seu HTML, CSS e JS atuais em um único arquivo .html com tags <style> e <script> inline que abre corretamente em qualquer navegador, sem precisar de servidor.