Cargando metadatos de la biblioteca...
Una librería (o biblioteca) en JavaScript es un conjunto de código pre-escrito que simplifica tareas complejas. En lugar de escribir cientos de líneas para crear un carrusel de imágenes, importas una librería como Splide.js y lo haces en unas pocas líneas. La mayoría se distribuyen a través de una CDN (Content Delivery Network), un enlace que puedes pegar en tu HTML para usar la librería al instante sin descargar nada.
La integración es sorprendentemente sencilla y generalmente sigue dos pasos:
<script> (para la lógica) y/o una etiqueta <link> (para los estilos CSS) en tu archivo index.html, apuntando a la URL de la CDN que provee la librería.main.js), "llamas" a la librería para que se active sobre un elemento de tu HTML, pasándole las opciones de configuración que necesites.Para proyectos más grandes, se suelen usar gestores de paquetes como npm para instalarlas localmente en lugar de usar una CDN.
Este visor fue construido desde cero con HTML, CSS y JavaScript puros, sin usar ningún framework como React o Vue para la interfaz principal. El objetivo es demostrar el poder de estas librerías en su estado más "nativo". La herramienta está diseñada para ser un recurso educativo y de referencia rápida para desarrolladores y diseñadores que buscan la herramienta perfecta para una tarea específica, permitiendo ver su comportamiento en vivo sin necesidad de una configuración local compleja.
Un "Sandbox" (caja de arena) es un entorno de pruebas aislado. Esta página actúa como uno: la columna de la derecha es un <iframe>, un "navegador dentro de otro navegador". Esto nos permite cargar cada librería de forma independiente, con sus propios estilos y scripts, sin que interfieran entre sí. Es una técnica fundamental para crear demos y prototipos de forma segura.