Awesome GitHub RepositoriesCarousel Navigation Elements

The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp

Glide is a dependency-free ES6 JavaScript library used to create responsive content sliders and carousels. It functions as a modular framework for implementing sliding content areas that adapt their layout and settings based on browser window breakpoints. The library is distinguished by a modular architecture that allows the inclusion of only necessary logic to reduce final bundle size. It separates core structural styles from thematic visual styles and utilizes a plugin system to extend the base slider functionality and lifecycle hooks. The component covers a range of interaction and naviga

Flickity is a JavaScript library used to create responsive, touch-enabled content carousels and sliders for web pages. It provides a system for building flickable galleries that allow users to navigate through collections of elements using touch or mouse input. The library specializes in performance and movement, featuring lazy-loading for images that defers loading off-screen content until it enters the viewport. It supports infinite scrolling loops that wrap back to the first cell after the last is reached, as well as automated slide transitions for slideshow experiences. The toolset inclu

Dieses Projekt ist eine responsive Bildergalerie- und Karussell-Komponente für React. Sie bietet eine gleitende Oberfläche zur Anzeige von Bildern und gemischten Medien, wie eingebetteten Videos und Iframes, innerhalb einer einzigen Navigationssequenz. Die Galerie unterstützt automatisierte Wiedergabe mit manuellen Play- und Pause-Steuerelementen und passt ihr Layout an verschiedene Bildschirmgrößen an. Sie enthält einen Vollbild-Anzeigemodus unter Verwendung nativer Browser-Implementierungen und ermöglicht die benutzerdefinierte Darstellung von Slide-Inhalten via Render-Props. Die Navigation erfolgt über Touch-Swipe-Gesten, Tastatur-Pfeileingaben und direkte Thumbnail-Auswahl. Die Komponente unterstützt sowohl horizontale als auch vertikale Layout-Ausrichtungen, einschließlich rechts-nach-links-Sprachlayouts, und ermöglicht visuelle Theme-Anpassungen durch CSS-Custom-Properties.