Playground web
Edita archivos HTML, CSS y JavaScript con resaltado, vista previa en vivo y exportación ZIP.
Beta · Revisa el resultado antes de usarlo. Consulta el alcance de esta herramienta debajo del editor.
index.html
Usa Tab para salir del editor. Puedes buscar y deshacer con los atajos habituales.
Renombrar archivo activo
Vista previa
124 perfiles de tamaño. Simula el viewport CSS, sin cambiar el navegador, sistema operativo, densidad o capacidad táctil. Importa HTML/CSS/JS locales; no carga sitios externos.
Consola del proyecto
HTML y CSS se previsualizan automáticamente. JavaScript requiere activación; se ejecuta en una vista aislada sin red, cookies ni almacenamiento del sitio. Sin npm, imports, frameworks, archivos binarios ni scripts inline. Los bucles y funciones tienen límites orientativos; no es un entorno para código hostil ni una garantía contra todo consumo de CPU o memoria. Al importar, JavaScript vuelve a quedar desactivado. No se guardan tus archivos.
Preparando el editor…
Cómo usar esta herramienta
- Importa tus archivos o modifica el proyecto de ejemplo.
- Elige la página HTML y revisa la vista previa; activa JavaScript si quieres ejecutar tu código.
- Descarga tu proyecto ZIP antes de salir.
Qué conviene saber
Hasta 20 archivos UTF-8, 200.000 caracteres por archivo y 1 MB total. Sin npm, módulos, imports ni imágenes de archivo. JavaScript opt-in, aislado del sitio y sin red; scripts inline omitidos. Protección orientativa de bucles/funciones; no garantiza límites frente a todo código hostil. No almacena proyectos.
¿Mi código puede acceder al sitio o a internet?
La vista previa usa iframe sandbox sin allow-same-origin y CSP propia sin red/almacenamiento. JavaScript se activa expresamente y vuelve a desactivarse al importar. Descarga tu proyecto antes de salir.