Um editor online moderno e elegante para desenvolvimento web, permitindo editar HTML, CSS e JavaScript com preview em tempo real, terminal integrado e interface inspirada em IDEs profissionais.

• Editor Monaco: Editor de código avançado com syntax highlighting, autocomplete e formatação automática
• Preview em Tempo Real: Visualize suas mudanças instantaneamente no painel direito
• Terminal Integrado: Execute JavaScript diretamente no terminal com interceptação de console
• Interface Moderna: Design dark com animações suaves e cursor personalizado
• Painéis Redimensionáveis: Ajuste o tamanho dos painéis conforme necessário
• Ferramentas Úteis:
  • Formatar código
  • Limpar editor
  • Copiar código
  • Recarregar preview
  • Executar código

1. Abra o arquivo index.html em qualquer navegador moderno
2. Edite o código nas abas HTML, CSS ou JavaScript
3. Veja o resultado em tempo real no painel Preview
4. Use o Terminal para executar JavaScript e ver logs do console
5. Utilize as ferramentas na barra superior para formatar, limpar ou copiar código

• Monaco Editor: Editor de código do VS Code
• HTML/CSS/JS: Tecnologias web padrão
• PostMessage API: Comunicação entre preview e terminal
• ES6+ JavaScript: Funcionalidades modernas do JavaScript

Tema dark personalizado com:

• Cores vibrantes (roxo, azul, verde)
• Animações de aurora no fundo
• Cursor personalizado
• Tipografia moderna (Space Mono, Syne)

• index.html: Arquivo principal com toda a aplicação
• style.css: Estilos CSS (integrado no HTML)
• script.js: JavaScript (integrado no HTML)

DEV・Tools
Site: dev.erikraft.com
Ko-fi: ko-fi.com/erikraft

Este projeto é open-source e pode ser usado livremente para fins educacionais e pessoais.

Desenvolvido com ❤️ para a comunidade de desenvolvedores