Awesome GitHub RepositoriesJavaScript Gallery Libraries

PhotoSwipe is a JavaScript image gallery library used to create responsive, touch-enabled lightboxes for mobile and desktop web browsers. It functions as a framework-agnostic UI component, allowing for the integration of image viewers across different web environments without requiring specific JavaScript libraries. The library is designed as a mobile-first gallery viewer, providing a full-screen image overlay that supports native-feeling touch gestures. This includes specific optimizations for mobile devices such as swipe navigation and pinch-to-zoom interactions. The project enables full-s

Embla Carousel is a framework-agnostic JavaScript library used to build sliding content galleries and touch-enabled slider components. It provides a toolkit for creating carousels that function independently of any specific frontend framework or DOM library. The library focuses on precision swiping and fluid motion for interactive image galleries and custom content sliders. It is designed to maintain consistent behavior across different browser environments and device screen sizes.

fancyBox is a jQuery-based lightbox plugin and JavaScript modal gallery used to render images and videos within a full-screen overlay. It isolates media from the background page by utilizing a responsive gallery system that dims the rest of the screen to focus attention on the selected content. The tool functions as a touch-enabled content overlay, incorporating support for swipe gestures and pinch-to-zoom for navigating media on mobile devices and tablets. It ensures media scales correctly across different screen sizes through a responsive gallery system. The project covers a broad range of

lightGallery is a JavaScript lightbox gallery plugin and responsive multimedia viewer. It provides a fullscreen overlay for displaying collections of images and videos, supporting both touch-based gestures and keyboard navigation. The project utilizes a modular plugin architecture that allows for the integration of optional features such as social sharing and thumbnail pagination. It is designed as a touch-enabled system with capabilities for pinch-to-zoom, rotation, and gesture-based navigation across mobile and desktop browsers. The viewer supports the rendering of local HTML5 videos, exte

lightgallery.js ist eine modulare JavaScript-Bibliothek, die zum Erstellen responsiver Bildergalerien, Multimedia-Viewer und Media-Lightbox-Komponenten verwendet wird. Sie bietet eine abhängigkeitsfreie Schnittstelle zum Rendern von HTML5-Video, externen Iframes und responsiven Bildern innerhalb eines Vollbild-Overlays. Das Projekt zeichnet sich durch eine modulbasierte Plugin-Architektur aus, die es Entwicklern ermöglicht, die Kern-Engine um benutzerdefinierte Verhaltensweisen zu erweitern. Es bietet hardwarebeschleunigte Übergänge, ein System zur Synchronisierung des aktuellen Slide-Index mit URL-Hash-Fragmenten für direktes Verlinken sowie die Möglichkeit, Galerien entweder über CSS-Selektoren oder Arrays von Datenobjekten zu initialisieren. Die Bibliothek deckt ein breites Spektrum an Medienanzeigefunktionen ab, einschließlich Viewport-Management zum Zoomen und Rotieren von Bildern, automatisierter Video-Thumbnail-Abfrage und navigierbaren Thumbnail-Leisten. Sie umfasst zudem Unterstützung für verzögertes Laden von Videos, Asset-Preloading und integrierte Social-Media-Sharing-Tools. Eine programmatische API ist verfügbar, um die Navigation zu steuern, zu bestimmten Slides zu springen oder den Lebenszyklus der Galerie-Instanz per Code zu verwalten.