Awesome GitHub RepositoriesCarousel Libraries

Tiny-slider es una librería de carrusel en JavaScript vanilla utilizada para crear sliders de contenido táctiles y componentes de UI accesibles sin dependencias externas. Funciona como un motor de diseño responsivo que ajusta la visibilidad y las dimensiones de las diapositivas según los puntos de interrupción (breakpoints) del viewport. La librería se distingue por la carga diferida (lazy loading) integrada para imágenes y medios para mejorar el rendimiento de la página y un sistema responsivo que escala automáticamente el número de elementos y el espaciado según el tamaño de la pantalla del dispositivo. También admite instancias de slider anidadas, permitiendo la creación de diseños de desplazamiento multidireccional. El proyecto cubre capacidades integrales de navegación e interacción, incluyendo soporte para flechas de teclado, accesibilidad para lectores de pantalla y detección de gestos táctiles. Proporciona herramientas para transiciones automáticas de diapositivas, estilos de navegación personalizados para paginación y botones, y un sistema basado en eventos para activar lógica personalizada durante los cambios del ciclo de vida.

Keen-slider es una librería de carrusel táctil de JavaScript y motor de slider basado en DOM. Proporciona una herramienta independiente de frameworks para crear carruseles de diapositivas responsivos y táctiles que traducen entradas de deslizamiento en transiciones animadas para galerías de contenido. La librería se centra en el diseño responsivo mediante el uso de puntos de interrupción (breakpoints) y media queries para adaptar automáticamente el diseño y el comportamiento a diferentes tamaños de pantalla. Admite gestos táctiles y de deslizamiento nativos compatibles con navegadores web modernos y dispositivos móviles. Su superficie de capacidades incluye la implementación de controles de navegación, bucle infinito de carrusel y soporte para orientaciones tanto horizontales como verticales. El motor permite el anidamiento de múltiples sliders para crear layouts de navegación complejos y utiliza un sistema basado en plugins para extender la funcionalidad a través de ganchos de eventos de ciclo de vida.