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 este un framework de prezentare markdown și un generator de slide-uri statice care transformă fișierele Markdown și MDX în slide-uri structurate pentru prezentări bazate pe web. Acesta funcționează ca un renderer de conținut tehnic și un instrument de prezentare interactiv, permițând crearea de slide-uri din fișiere sursă bazate pe text. Proiectul se distinge ca o suită de livrare pentru vorbitori, oferind instrumente pentru repetiția prezentării, cum ar fi înregistrarea vocii, analiza timpului și cronologii de repetiție. Include o vizualizare dedicată pentru prezentator cu notițe pentru vorbitor și suportă adnotări în timp real pe slide-uri și streaming de comentarii live pentru a facilita implicarea publicului. Platforma acoperă o gamă largă de capabilități de randare tehnică, inclusiv ecuații matematice, diagrame și blocuri de cod cu syntax highlighting. De asemenea, dispune de încorporarea componentelor interactive, captură de ecran live și capacitatea de a exporta slide-urile ca documente PDF. Implementarea este susținută prin automatizare pentru medii de găzduire statice, incluzând în mod specific GitHub Pages.

Tiny-slider este o bibliotecă de carusel vanilla JavaScript utilizată pentru a crea slidere de conținut cu suport tactil și componente UI accesibile, fără dependențe externe. Funcționează ca un motor de layout responsiv care ajustează vizibilitatea și dimensiunile slide-urilor în funcție de breakpoint-urile viewport-ului. Biblioteca se distinge prin lazy loading integrat pentru imagini și media pentru a îmbunătăți performanța paginii și un sistem responsiv care scalează automat numărul de elemente și spațierea în funcție de dimensiunea ecranului dispozitivului. De asemenea, suportă instanțe de slider imbricate, permițând crearea de layout-uri de derulare multidirecționale. Proiectul acoperă capabilități cuprinzătoare de navigare și interacțiune, inclusiv suport pentru săgețile de la tastatură, accesibilitate pentru cititoarele de ecran și detectarea gesturilor tactile. Oferă instrumente pentru tranziții automate ale slide-urilor, stilizarea personalizată a navigării pentru paginare și butoane, și un sistem bazat pe evenimente pentru declanșarea logicii personalizate în timpul schimbărilor ciclului de viață.

mdp este un instrument de prezentare în terminal pentru markdown și un renderer de slide-uri. Utilizează o interfață utilizator bazată pe text pentru a transforma fișierele markdown în prezentări structurate afișate direct în linia de comandă. Proiectul se distinge prin oferirea atât a unui mediu de prezentare bazat pe terminal, cât și a unui convertor de la markdown la PDF. Acest lucru permite exportarea conținutului slide-urilor în documente PDF, păstrând în același timp evidențierea sintaxei, temele dark și culorile personalizate. Sistemul gestionează navigarea slide-urilor prin scurtături de tastatură, inclusiv mișcarea secvențială și indexarea directă. Suportă dezvăluirea incrementală a conținutului, unde markere specifice întrerup output-ul pentru a afișa bullet point-uri sau blocuri de text doar după input-ul utilizatorului. Randarea conținutului include suport pentru titluri, liste, blockquote-uri și blocuri de cod, folosind caractere UTF-8 pentru borduri vizuale și layout-uri centrate. Aspectul vizual, inclusiv culorile de fundal și keybinding-urile, este gestionat prin setările de configurare.

Keen-slider este o bibliotecă JavaScript de carusel tactil și un motor de slider bazat pe DOM. Oferă un instrument independent de framework pentru crearea de caruseluri de slide-uri responsive, activate prin atingere, care traduc input-urile de swipe în tranziții animate pentru galerii de conținut. Biblioteca se concentrează pe designul responsive prin utilizarea breakpoint-urilor și a media query-urilor pentru a adapta automat layout-ul și comportamentul pe diferite dimensiuni de ecran. Suportă gesturi native de atingere și swipe compatibile cu browserele web moderne și dispozitivele mobile. Suprafața sa de capabilități include implementarea controalelor de navigare, looping-ul infinit al caruselului și suportul pentru orientări atât orizontale, cât și verticale. Motorul permite imbricarea mai multor slidere pentru a crea layout-uri de navigare complexe și utilizează un sistem bazat pe plugin-uri pentru a extinde funcționalitatea prin hook-uri de evenimente ale ciclului de viață.

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 este o bibliotecă Python de mocking a timpului și un emulator de ceas de sistem utilizat pentru a îngheța ceasul sistemului la o dată și oră fixă. Acesta servește ca un utilitar de testare pentru a se asigura că logica dependentă de timp produce rezultate consistente și previzibile în timpul verificării software-ului. Biblioteca oferă un mock compatibil cu asyncio care păstrează valorile reale ale ceasului monotonic pentru a preveni blocarea event loop-urilor în timp ce alte funcții de timp ale sistemului rămân înghețate. Suportă simularea trecerii timpului prin avansarea manuală a ceasului, saltul la date desemnate sau utilizarea unei simulări de ceas care incrementează timpul automat între apeluri. Instrumentul include o listă de excludere a mocking-ului pentru a preveni interceptarea anumitor biblioteci, asigurându-se că dependențele interne și integrările terțe rămân stabile.

Acest proiect este un slider de conținut jQuery utilizat pentru a crea galerii foto responsive și caruseluri cu suport tactil. Funcționează ca o componentă UI accesibilă care afișează imagini, video sau conținut HTML folosind animații accelerate hardware. Sliderul include suport nativ pentru gesturi de tip swipe și navigare tactilă pentru dispozitive mobile. Integrează atribute ARIA, precum Aria Live și Aria Hidden, pentru a asigura compatibilitatea cu cititoarele de ecran și accesibilitatea pentru utilizatorii de tehnologii asistive. Sistemul oferă capabilități complexe de layout și navigare, inclusiv animații de tranziție configurabile, navigare prin tastatură și paginare. Suportă rotația automată a conținutului cu tranziții bazate pe temporizator și oferă control programatic printr-un API public și callback-uri pentru evenimentele ciclului de viață.

eagle.js este un motor de prezentare bazat pe componente și un instrument web pentru construirea de slideshow-uri digitale interactive. Acesta funcționează ca un framework de slideshow-uri Vue.js care utilizează o arhitectură de componente pentru a gestiona ierarhiile de slide-uri și tranzițiile în browser. Sistemul se distinge prin suportul pentru ierarhii de prezentare imbricate, permițând slideshow-urilor să fie încorporate în alte slide-uri pentru a organiza informații complexe. Include un sistem de sincronizare cu fereastră dublă pentru un mod dedicat de prezentator, care separă un controller privat pentru notițele vorbitorului de afișajul public. Framework-ul oferă o gamă largă de capabilități interactive, inclusiv o bibliotecă de widget-uri pentru slide-uri, integrare funcțională de demo-uri live și un motor de teme personalizat pentru stilizarea vizuală. Navigarea este gestionată printr-o combinație de intrări de la tastatură, mouse și scroll, cu utilitate suplimentară pentru mărirea zonelor specifice ale slide-ului printr-un mecanism de zoom al conținutului.