Playground de Código
Editor HTML/CSS/JS ao vivo com pré-visualização instantânea — como CodePen, sem necessidade de conta
Sobre Playground de Código
Escreva e teste código HTML, CSS e JavaScript com pré-visualização em tempo real — tudo no seu navegador.
Como usar Playground de Código
- 1Escreva código HTML, CSS e JavaScript nos respectivos editores.
- 2A pré-visualização atualiza automaticamente conforme você digita.
- 3Clique em "Executar" para forçar uma atualização ou "Redefinir" para limpar tudo.
- 4Baixe seu trabalho como arquivo HTML completo.
- 5Copie a saída HTML completa ou baixe-a como arquivo HTML independente.
Dicas
- Perfeito para prototipar layouts, testar snippets CSS ou experimentar APIs JavaScript.
- O JavaScript no painel de pré-visualização tem acesso total às APIs do navegador (DOM, Canvas, Fetch, etc.).
- The downloaded HTML arquivo is self-contained — open it in any blinhaser sem a server.
Ferramentas relacionadas
Equipe OneKitToolsAtualizado 2.21.4