Playground de código
Editor de código en vivo con HTML, CSS y JavaScript — vista previa en tiempo real
Acerca de Playground de código
Escribe y ejecuta HTML, CSS y JavaScript con vista previa en vivo instantánea — como CodePen, sin cuenta necesaria, completamente en tu navegador.
Cómo usar Playground de código
- 1Elige una plantilla inicial (Hola Mundo, Flexbox, Animación, Canvas) o comienza en blanco.
- 2Escribe HTML en el primer panel, CSS en el segundo y JavaScript en el tercero.
- 3Activa 'Auto-ejecutar' para ver los cambios al instante, o haz clic en 'Ejecutar' para activar manualmente la vista previa.
- 4Alterna entre diseño vertical y horizontal para adaptarse a tu pantalla.
- 5Copia la salida HTML completa o descárgala como un archivo HTML independiente.
Consejos
- Usa la plantilla Canvas como punto de partida para arte generativo o visualizaciones interactivas.
- Desactiva auto-ejecutar cuando escribas JavaScript complejo para evitar errores durante ediciones incompletas.
- El archivo HTML descargado es independiente — ábrelo en cualquier navegador sin un servidor.
Herramientas relacionadas
Equipo OneKitToolsActualizado 2.21.4