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

Ce projet est une galerie d'images réactive et un composant de carrousel pour React. Il fournit une interface coulissante pour afficher des images et des médias mixtes, tels que des vidéos intégrées et des iframes, au sein d'une séquence de navigation unique. La galerie prend en charge la lecture automatisée avec des commandes manuelles de lecture et de pause, et elle adapte sa mise en page pour différentes tailles d'écran. Elle inclut un mode d'affichage plein écran utilisant des implémentations natives du navigateur et permet le rendu de contenu de diapositive personnalisé via des render props. La navigation est gérée via des gestes de balayage tactile, des entrées de flèches clavier et une sélection directe de vignettes. Le composant prend en charge les orientations de mise en page horizontale et verticale, y compris les mises en page de langue de droite à gauche, et permet des modifications de thème visuel via des propriétés personnalisées CSS.