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 هو إطار عمل لعروض Markdown التقديمية ومولد شرائح ثابت يحول ملفات Markdown و MDX إلى مجموعات شرائح منظمة للعروض التقديمية القائمة على الويب. يعمل كعارض محتوى تقني وأداة عرض تفاعلية، مما يتيح إنشاء شرائح من ملفات المصدر القائمة على النص. يتميز المشروع كجناح تسليم للمتحدث، حيث يوفر أدوات لتدريب العرض التقديمي مثل تسجيل الصوت، وتحليل التوقيت، وجداول التدريب الزمنية. يتضمن عرضاً مخصصاً للمقدم مع ملاحظات المتحدث ويدعم تعليقات الشرائح في الوقت الفعلي وبث التعليقات المباشرة لتسهيل مشاركة الجمهور. تغطي المنصة مجموعة واسعة من قدرات العرض التقني، بما في ذلك المعادلات الرياضية، والمخططات الانسيابية، وكتل الكود الملونة حسب الصيغة. كما تتميز بتضمين المكونات التفاعلية، والتقاط الشاشة المباشر، والقدرة على تصدير مجموعات الشرائح كمستندات PDF. يتم دعم النشر من خلال الأتمتة لبيئات الاستضافة الثابتة، بما في ذلك GitHub Pages بشكل خاص.

Tiny-slider هي مكتبة JavaScript خفيفة لإنشاء شرائح عرض (carousel) تدعم اللمس ومكونات واجهة مستخدم سهلة الوصول دون أي تبعيات خارجية. تعمل المكتبة كمحرك تخطيط متجاوب يقوم بضبط رؤية الشرائح وأبعادها بناءً على نقاط توقف العرض (breakpoints). تتميز المكتبة بالتحميل الكسول (lazy loading) المدمج للصور والوسائط لتحسين أداء الصفحة، ونظام متجاوب يقوم تلقائياً بتغيير حجم العناصر وتباعدها وفقاً لحجم شاشة الجهاز. كما تدعم المكتبة حالات الشرائح المتداخلة، مما يسمح بإنشاء تخطيطات تمرير متعددة الاتجاهات. يغطي المشروع قدرات تنقل وتفاعل شاملة، بما في ذلك دعم أسهم لوحة المفاتيح، وإمكانية الوصول لقارئات الشاشة، واكتشاف إيماءات اللمس. كما يوفر أدوات لانتقالات الشرائح التلقائية، وتنسيق تنقل مخصص للترقيم والأزرار، ونظاماً قائماً على الأحداث لتشغيل منطق مخصص أثناء تغييرات دورة الحياة.

mdp هي أداة عرض تقديمية طرفية لـ Markdown وعارض شرائح. تستخدم واجهة مستخدم قائمة على النصوص لتحويل ملفات Markdown إلى عروض تقديمية مهيكلة تُعرض مباشرة داخل سطر الأوامر. يتميز المشروع بتقديم بيئة عرض قائمة على الطرفية ومحول من Markdown إلى PDF. يسمح هذا بتصدير محتوى الشرائح إلى مستندات PDF مع الحفاظ على تمييز بناء الجملة، والسمات الداكنة، والألوان المخصصة. يدير النظام التنقل بين الشرائح من خلال اختصارات لوحة المفاتيح، بما في ذلك الحركة المتسلسلة والفهرسة المباشرة. يدعم الكشف التدريجي عن المحتوى، حيث توقف علامات محددة المخرجات لعرض النقاط أو كتل النصوص فقط بعد إدخال المستخدم. يتضمن عرض المحتوى دعماً للعناوين، والقوائم، والاقتباسات، وكتل الكود، باستخدام أحرف UTF-8 للحدود المرئية والتخطيطات المركزية. يتم إدارة المظهر المرئي، بما في ذلك ألوان الخلفية واختصارات المفاتيح، من خلال إعدادات التكوين.

Keen-slider هي مكتبة عرض دوار (Carousel) تعمل باللمس بلغة JavaScript ومحرك منزلق يعتمد على DOM. توفر أداة مستقلة عن إطار العمل لإنشاء دوارات شرائح متجاوبة تعمل باللمس تترجم مدخلات التمرير إلى انتقالات متحركة لمعارض المحتوى. تركز المكتبة على التصميم المتجاوب من خلال استخدام نقاط التوقف واستعلامات الوسائط للتكيف تلقائياً مع التخطيط والسلوك عبر أحجام الشاشات المختلفة. تدعم إيماءات اللمس والتمرير الأصلية المتوافقة مع متصفحات الويب الحديثة وأجهزة الهاتف المحمول. تغطي إمكانياتها تنفيذ عناصر تحكم التنقل، وحلقات الدوران اللانهائية، ودعم الاتجاهين الأفقي والرأسي. يسمح المحرك بتداخل منزلقات متعددة لإنشاء تخطيطات تنقل معقدة ويستخدم نظاماً قائماً على الإضافات لتوسيع الوظائف من خلال خطافات أحداث دورة الحياة.

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 تحافظ على قيم الساعة الرتيبة الحقيقية لمنع حلقات الأحداث من التعليق بينما تظل وظائف وقت النظام الأخرى مجمدة. تدعم محاكاة مرور الوقت من خلال التقدم اليدوي للساعة، أو القفز إلى تواريخ محددة، أو استخدام محاكاة ساعة موقوتة تزيد الوقت تلقائياً بين الاستدعاءات. تتضمن الأداة قائمة استبعاد للمحاكاة لمنع اعتراض مكتبات محددة، مما يضمن بقاء التبعيات الداخلية وتكاملات الطرف الثالث مستقرة.

هذا المشروع عبارة عن شريط تمرير محتوى (content slider) يعتمد على jQuery، يُستخدم لإنشاء معارض صور متجاوبة (responsive) وشرائح عرض (carousels) تدعم اللمس. يعمل كمكون واجهة مستخدم (UI) يسهل الوصول إليه لعرض الصور أو الفيديو أو محتوى HTML باستخدام رسوم متحركة معتمدة على تسريع الأجهزة. يتضمن شريط التمرير دعماً مدمجاً لإيماءات السحب والتنقل عبر اللمس للأجهزة المحمولة. كما يدمج سمات ARIA، مثل Aria Live وAria Hidden، لضمان التوافق مع قارئات الشاشة وسهولة الوصول لمستخدمي التقنيات المساعدة. يوفر النظام إمكانيات شاملة للتخطيط والتنقل، بما في ذلك رسوم متحركة انتقالية قابلة للتكوين، والتنقل عبر لوحة المفاتيح، وأزرار الترقيم. كما يدعم التدوير التلقائي للمحتوى مع انتقالات تعتمد على المؤقت، ويوفر تحكماً برمجياً من خلال API عام وردود اتصال (callbacks) لأحداث دورة الحياة.

eagle.js is a component-driven presentation engine and web-based tool for building interactive digital slideshows. It functions as a Vue.js slideshow framework that uses a component architecture to manage slide hierarchies and transitions within a browser. The system distinguishes itself through support for nested presentation hierarchies, allowing slideshows to be embedded within other slides to organize complex information. It includes a dual-window synchronization system for a dedicated presenter mode, which separates a private controller for speaker notes from the public display. The fra