awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectServer MCPDespreCum realizăm clasamentulPresă
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

16 repository-uri

Awesome GitHub RepositoriesSlide Navigation Links

Mechanisms for creating hyperlinks that direct users to specific slides within a presentation structure.

Explore 16 awesome GitHub repositories matching user interface & experience · Slide Navigation Links. Refine with filters or upvote what's useful.

Awesome Slide Navigation Links GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • hakimel/reveal.jsAvatar hakimel

    hakimel/reveal.js

    71,731Vezi pe GitHub↗

    This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event

    Creates deep-linkable navigation paths to specific slides using unique identifiers or horizontal and vertical coordinate indexing.

    JavaScriptpresentationsslidesslideshow
    Vezi pe GitHub↗71,731
  • surmon-china/vue-awesome-swiperAvatar surmon-china

    surmon-china/vue-awesome-swiper

    12,790Vezi pe GitHub↗

    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

    Integrates interactive paging, scrolling, and keyboard controls into the slider interface.

    JavaScriptcarouselcarrouselnuxtjs
    Vezi pe GitHub↗12,790
  • formidablelabs/spectacleAvatar FormidableLabs

    FormidableLabs/spectacle

    10,136Vezi pe GitHub↗

    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

    Controls presentation flow with arrow keys and shortcuts for overview, presenter, and fullscreen modes.

    TypeScriptkeynotepresentationreact
    Vezi pe GitHub↗10,136
  • nuknightlab/timelinejsAvatar NUKnightLab

    NUKnightLab/TimelineJS

    8,941Vezi pe GitHub↗

    TimelineJS is a JavaScript library for creating interactive, chronological narratives and visualizing multimedia sequences. It functions as a tool for data-driven storytelling, rendering a navigable interface where events are organized by date. The system generates these narratives by importing event information from external sources, such as JSON files or spreadsheets. It transforms external media links into embedded video and audio elements and synchronizes the current view with the browser address bar to allow for direct linking and bookmarking. The library covers broad capabilities for d

    Enables direct navigation to specific chronological points in the sequence using URL hash tags.

    JavaScript
    Vezi pe GitHub↗8,941
  • glidejs/glideAvatar glidejs

    glidejs/glide

    7,668Vezi pe GitHub↗

    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

    Provides keyboard arrow controls and programmatic navigation to ensure the sliding content is accessible.

    JavaScriptcarouseldependency-freees6
    Vezi pe GitHub↗7,668
  • matze/mthemeAvatar matze

    matze/mtheme

    6,835Vezi pe GitHub↗

    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

    Integrates a visual progress bar into each frame to indicate the current slide position.

    TeXlatex-beamer-themetex
    Vezi pe GitHub↗6,835
  • webslides/webslidesAvatar webslides

    webslides/WebSlides

    6,314Vezi pe GitHub↗

    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

    Jumps directly to any slide by its permalink, enabling quick navigation to a particular section.

    JavaScriptcssdesignhtml
    Vezi pe GitHub↗6,314
  • jlantunez/webslidesAvatar jlantunez

    jlantunez/webslides

    6,316Vezi pe GitHub↗

    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

    Moves between slides using keyboard shortcuts, swipe gestures, remote presenters, or click-to-nav with permalink support.

    JavaScript
    Vezi pe GitHub↗6,316
  • hiroppy/fusumaAvatar hiroppy

    hiroppy/fusuma

    5,371Vezi pe GitHub↗

    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.

    Provides controls for cycling through slides and managing transition effects and keyboard accessibility.

    JavaScripta11ykeynotemarkdown
    Vezi pe GitHub↗5,371
  • ganlanyuan/tiny-sliderAvatar ganlanyuan

    ganlanyuan/tiny-slider

    5,333Vezi pe GitHub↗

    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ță.

    Includes interactive previous/next buttons and pagination indicators for manual slide cycling.

    HTMLcarouselslider
    Vezi pe GitHub↗5,333
  • visit1985/mdpAvatar visit1985

    visit1985/mdp

    5,266Vezi pe GitHub↗

    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.

    Provides controls for pausing output and incrementally displaying content based on user keyboard input.

    C
    Vezi pe GitHub↗5,266
  • rcbyr/keen-sliderAvatar rcbyr

    rcbyr/keen-slider

    5,017Vezi pe GitHub↗

    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ță.

    Provides interactive arrows, pagination dots, and other controls for cycling through slide content.

    TypeScriptagnosticangularcarousel
    Vezi pe GitHub↗5,017
  • chakra-ui/arkAvatar chakra-ui

    chakra-ui/ark

    5,004Vezi pe GitHub↗

    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

    Displays a sequence of slides that users navigate with previous/next controls or indicators, supporting autoplay, orientation, and dynamic slide management.

    TypeScriptcomponentsdesign-systemheadless
    Vezi pe GitHub↗5,004
  • spulec/freezegunAvatar spulec

    spulec/freezegun

    4,517Vezi pe GitHub↗

    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.

    Freezegun enables moving the frozen clock forward by a specific increment or jumping to a designated date and time during test execution.

    Python
    Vezi pe GitHub↗4,517
  • stevenwanderski/bxslider-4Avatar stevenwanderski

    stevenwanderski/bxslider-4

    4,183Vezi pe GitHub↗

    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ță.

    Ships customizable previous, next, start, and stop buttons to control slide movement.

    JavaScriptbxslidercontent-sliderimage-slider
    Vezi pe GitHub↗4,183
  • zulko/eagle.jsAvatar Zulko

    Zulko/eagle.js

    4,053Vezi pe GitHub↗

    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.

    Tracks current slide and step indices to drive view updates and transition animations.

    JavaScripthtmlpresentationsslideshow
    Vezi pe GitHub↗4,053
  1. Home
  2. User Interface & Experience
  3. Presentation Frameworks
  4. Navigation and Flow Controllers
  5. Slide Navigation Links

Explorează sub-etichetele

  • Permalink Slide LinksURL hash-based deep linking that makes each slide directly addressable for sharing and programmatic jumping. **Distinct from Slide Navigation Links:** Distinct from general Slide Navigation Links: uses URL hashes for direct permalink addressing, not hyperlinks within the presentation.
  • Slide Navigation Controls2 sub-tag-uriPrevious/next buttons, indicators, and autoplay for cycling through slides in a carousel. **Distinct from Slide Navigation Links:** Distinct from Slide Navigation Links: focuses on interactive controls and autoplay, not hyperlinks.