Awesome GitHub RepositoriesSlide Navigation Controls

vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for creating touch-enabled carousels. It serves as a virtualized slider component that can render only visible slides to maintain performance when handling large datasets. The project distinguishes itself through high-performance rendering and a wide array of visual effects, including 3D transitions, parallax movements, and image zoom capabilities. It also supports the synchronization of multiple slider instances and provides accessibility features such as ARIA roles and focus-scrolling

Spectacle is a React-based presentation framework that enables developers to author slide decks using JSX and MDX syntax. It provides a component-driven approach to building presentations, where slides are composed as React components with declarative layouts, theme-driven styling, and step-based animation sequencing. The framework distinguishes itself through its support for live coding demonstrations within slides, allowing presenters to execute and display code directly during a talk. It includes a presenter mode with dual-view architecture that shows speaker notes, a timer, and upcoming s

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

mtheme is a minimalist visual style for creating presentation slides using the LaTeX Beamer document class. It provides a set of formatting rules and a presentation typesetting style designed to optimize slide layout and content spacing. The theme focuses on a clean, low-noise layout that reduces visual clutter to maximize available content space. It includes a visual progress indicator integrated into each frame to track the viewer's position within the slide deck. The project covers academic presentation formatting and technical slide design, utilizing a document typesetting engine to gene

WebSlides is a CSS-class-driven presentation framework that turns HTML sections into full-screen slides with keyboard, touch, and remote navigation. Its core architecture defines slides as HTML section elements styled entirely through CSS classes for layout, animation, and background, with a vertical-rhythm spacing foundation using an 8-pixel baseline grid. The framework includes a plugin-based behavior extension system that hooks into slide lifecycle events, and maps each slide to a unique URL hash for direct permalink navigation. The framework distinguishes itself through a comprehensive se

WebSlides is an open-source tool for creating HTML presentations, landing pages, and longform articles directly in the browser. It provides a full-screen slide deck system where each section element becomes an individual slide with horizontal and vertical navigation, keyboard shortcuts, touch gestures, and remote presenter support. The project distinguishes itself by offering over 40 pre-built slide components such as covers, cards, quotes, and flexible block grids that can be assembled without writing custom layout code. It includes built-in support for embedding rich media like background i

Fusuma is a markdown presentation framework and static slide generator that transforms Markdown and MDX files into structured slide decks for web-based presentations. It functions as a technical content renderer and an interactive presentation tool, enabling the creation of slides from text-based source files. The project distinguishes itself as a speaker delivery suite, providing tools for presentation rehearsal such as voice recording, timing analysis, and rehearsal timelines. It includes a dedicated presenter view with speaker notes and supports real-time slide annotations and live comment

Tiny-slider is a vanilla JavaScript carousel library used to create touch-enabled content sliders and accessible UI components without external dependencies. It functions as a responsive layout engine that adjusts slide visibility and dimensions based on viewport breakpoints. The library distinguishes itself through built-in lazy loading for images and media to improve page performance and a responsive system that automatically scales item counts and spacing according to the device screen size. It also supports nested slider instances, allowing for the creation of multi-directional scrolling

mdp is a markdown terminal presentation tool and slide deck renderer. It uses a text-based user interface to transform markdown files into structured presentations displayed directly within the command line. The project distinguishes itself by offering both a terminal-based presentation environment and a markdown to PDF converter. This allows slide content to be exported into PDF documents while preserving syntax highlighting, dark themes, and custom colors. The system manages slide navigation through keyboard shortcuts, including sequential movement and direct indexing. It supports incremen

Keen-slider एक JavaScript टच कैरोसेल लाइब्रेरी और DOM-आधारित स्लाइडर इंजन है। यह रिस्पॉन्सिव, टच-सक्षम स्लाइड कैरोसेल बनाने के लिए एक फ़्रेमवर्क-स्वतंत्र टूल प्रदान करता है जो स्वाइप इनपुट को सामग्री दीर्घाओं (content galleries) के लिए एनिमेटेड ट्रांज़िशन में बदल देता है। लाइब्रेरी ब्रेकपॉइंट्स और मीडिया क्वेरीज़ के उपयोग के माध्यम से रिस्पॉन्सिव डिज़ाइन पर केंद्रित है ताकि विभिन्न स्क्रीन आकारों में लेआउट और व्यवहार को स्वचालित रूप से अनुकूलित किया जा सके। यह आधुनिक वेब ब्राउज़र और मोबाइल डिवाइस के साथ संगत नेटिव टच और स्वाइप जेस्चर का समर्थन करती है। इसकी क्षमता सतह में नेविगेशन कंट्रोल्स का कार्यान्वयन, अनंत कैरोसेल लूपिंग और क्षैतिज व ऊर्ध्वाधर दोनों ओरिएंटेशन के लिए समर्थन शामिल है। इंजन जटिल नेविगेशन लेआउट बनाने के लिए कई स्लाइडर्स को नेस्ट करने की अनुमति देता है और लाइफसाइकिल इवेंट हुक्स के माध्यम से कार्यक्षमता का विस्तार करने के लिए प्लगइन-आधारित सिस्टम का उपयोग करता है।

Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

Freezegun एक Python टाइम मॉकिंग लाइब्रेरी और सिस्टम क्लॉक एमुलेटर है जिसका उपयोग सिस्टम क्लॉक को एक निश्चित तिथि और समय पर फ्रीज करने के लिए किया जाता है। यह सॉफ्टवेयर सत्यापन के दौरान यह सुनिश्चित करने के लिए एक परीक्षण उपयोगिता के रूप में कार्य करता है कि समय-निर्भर तर्क सुसंगत और पूर्वानुमानित परिणाम उत्पन्न करता है। यह लाइब्रेरी एक asyncio संगत मॉक प्रदान करती है जो वास्तविक मोनोटोनिक क्लॉक मानों को संरक्षित करती है ताकि इवेंट लूप को हैंग होने से रोका जा सके जबकि अन्य सिस्टम समय कार्य फ्रीज रहते हैं। यह मैन्युअल क्लॉक एडवांसमेंट, निर्दिष्ट तिथियों पर कूदने, या एक टिकिंग क्लॉक सिमुलेशन का उपयोग करके समय के बीतने का अनुकरण करने का समर्थन करती है जो कॉल के बीच स्वचालित रूप से समय को बढ़ाता है। यह टूल विशिष्ट लाइब्रेरी को इंटरसेप्ट होने से रोकने के लिए एक मॉकिंग एक्सक्लूजन लिस्ट शामिल करता है, यह सुनिश्चित करता है कि आंतरिक डिपेंडेंसी और थर्ड-पार्टी इंटीग्रेशन स्थिर रहें।

This project is a jQuery content slider used to create responsive image galleries and touch-enabled carousels. It functions as an accessible UI component that displays images, video, or HTML content using hardware-accelerated animations. The slider includes built-in support for swipe gestures and finger-following navigation for touch-enabled devices. It integrates ARIA attributes, such as Aria Live and Aria Hidden, to ensure screen reader compatibility and accessibility for users of assistive technologies. The system provides comprehensive layout and navigation capabilities, including config

eagle.js एक कंपोनेंट-संचालित प्रेजेंटेशन इंजन और इंटरैक्टिव डिजिटल स्लाइडशो बनाने के लिए वेब-आधारित उपकरण है। यह एक Vue.js स्लाइडशो फ्रेमवर्क के रूप में कार्य करता है जो ब्राउज़र के भीतर स्लाइड पदानुक्रम और ट्रांज़िशन को प्रबंधित करने के लिए एक कंपोनेंट आर्किटेक्चर का उपयोग करता है। यह सिस्टम नेस्टेड प्रेजेंटेशन पदानुक्रम के समर्थन के माध्यम से खुद को अलग करता है, जिससे जटिल जानकारी को व्यवस्थित करने के लिए स्लाइडशो को अन्य स्लाइड के भीतर एम्बेड किया जा सकता है। इसमें एक समर्पित प्रस्तुतकर्ता मोड के लिए एक दोहरी-विंडो सिंक्रनाइज़ेशन सिस्टम शामिल है, जो सार्वजनिक प्रदर्शन से स्पीकर नोट्स के लिए एक निजी कंट्रोलर को अलग करता है। यह फ्रेमवर्क स्लाइड विजेट्स की एक लाइब्रेरी, कार्यात्मक लाइव डेमो एकीकरण, और विज़ुअल स्टाइलिंग के लिए एक कस्टम थीम इंजन सहित इंटरैक्टिव क्षमताओं की एक विस्तृत श्रृंखला प्रदान करता है। नेविगेशन को कीबोर्ड, माउस और स्क्रॉल इनपुट के संयोजन के माध्यम से संभाला जाता है, जिसमें सामग्री ज़ूम तंत्र के माध्यम से विशिष्ट स्लाइड क्षेत्रों को बड़ा करने के लिए अतिरिक्त उपयोगिता है।