Sobre esta herramienta
Un playground de código es la forma más rápida de probar una idea: sin proyecto que montar, sin paso de compilación, sin servidor. Escribe HTML, CSS y JavaScript en los tres paneles y la vista previa se vuelve a renderizar en cuanto dejas de escribir. Es perfecto para probar un snippet de Stack Overflow, prototipar un componente o enseñar cómo se comporta un poco de código.
Todo se ejecuta localmente en un iframe aislado dentro de tu navegador: tu código nunca se sube a ningún sitio. Cuando tengas algo que te guste, descárgalo como un único archivo .html autónomo que puedes abrir donde sea o soltar en un proyecto.
Preguntas frecuentes
¿Mi HTML/CSS/JS se ejecuta en un servidor?
No. Todo se ejecuta en tu navegador dentro de un iframe en sandbox — no hay ejecución del lado del servidor, así que nada de lo que escribes se envía a ningún lugar.
¿Es seguro experimentar en el iframe de vista previa?
Sí. La vista previa se ejecuta con sandbox="allow-scripts allow-modals", por lo que no puede acceder a la página padre, leer cookies ni navegar la ventana superior — está aislada del resto del sitio.
¿Mi código se guarda automáticamente?
Sí. El HTML, CSS y JS se guardan en el almacenamiento local de este navegador unos 300 ms después de dejar de escribir, y se restauran automáticamente la próxima vez que abras el playground aquí.
¿Puedo usar librerías externas desde un CDN?
Puedes añadir una etiqueta <script src="https://..."> directamente en el panel de HTML para cargar una librería alojada en un CDN, pero no hay soporte para npm/bundlers — solo lo que una simple etiqueta <script> puede cargar.
¿Puedo guardar mi playground como un archivo independiente?
Sí. Descargar empaqueta tu HTML, CSS y JS actuales en un único archivo .html con etiquetas <style> y <script> en línea que se abre correctamente en cualquier navegador, sin necesitar servidor.