12 مستودعات
UI elements that represent and control scroll position.
Distinguishing note: Focuses on interactive scrollbars for content navigation.
Explore 12 awesome GitHub repositories matching user interface & experience · Scrollbar Components. Refine with filters or upvote what's useful.
Swiper is a modular, touch-enabled library designed for building interactive content carousels and sliders for web and mobile applications. It provides a high-performance rendering engine that manages large datasets by dynamically creating and destroying elements based on their proximity to the viewport, ensuring memory efficiency and smooth operation. The library distinguishes itself through a plugin-based architecture that allows developers to include only the specific functionality required for their project, effectively minimizing bundle sizes. It features a hardware-accelerated animation
Includes a draggable scrollbar for visual feedback and navigation through content.
iscroll is a JavaScript smooth scrolling library and web interaction framework. It provides a 2D web panning controller and a CSS transform zoom engine to manage inertial scrolling, panning, and zooming for web elements across different devices. The project enables the implementation of custom scrollbar interfaces and navigation maps that track the current viewport position. It supports the creation of interactive web carousels with element snapping, web parallax effects, and content scaling via pinch-to-zoom or mouse-wheel inputs. The library covers a broad range of interaction capabilities
Provides the ability to create and style visual scroll indicators and navigation maps.
Opentui is a terminal user interface framework for building interactive command line applications. It provides a component-based system featuring a flexbox layout engine, a virtual node component tree, and a low-level 2D cell array renderer. The project is distinguished by a sophisticated keyboard binding engine that maps complex multi-stroke sequences and chords to named commands using prioritized, reactive layers. It also implements a plugin architecture that allows external modules to inject custom UI components into designated layout slots and extend input logic at runtime. Its capabilit
Provides interactive scrollbar components with draggable thumbs to navigate overflowing content.
mini.nvim is a comprehensive library of independent modules designed to extend Neovim with a wide array of navigation, user interface, and text manipulation tools. It serves as a modular plugin collection, a UI toolkit for creating custom statuslines and notifications, and a package manager for installing and pinning external plugins from Git. The project provides a specialized fuzzy picker framework for filtering files and symbols, an LSP completion engine with interactive snippet expansion, and a dedicated plugin test framework that uses headless editor instances and remote procedure calls
Renders a vertical indicator next to the minimap to represent the current viewport and line position.
Skim is a cross-platform interactive fuzzy finder that runs as a terminal application, a Rust library, a Vim and Neovim plugin, and a shell integration tool. It provides real-time filtering and selection from lists of items, supporting keyboard and mouse navigation, live preview panes, and multi-select functionality across Linux, macOS, and Windows. The tool distinguishes itself through a composable query expression tree that supports fuzzy, exact, inverse, prefix, suffix, and logical AND/OR operators, combined with a Smith-Waterman scoring engine that penalizes typos and gaps for natural rel
Displays a scrollbar indicator on the side of the item list for navigation.
Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.
A lightweight JavaScript library that replaces browser scrollbars with CSS-styled custom scrollbars while preserving native scrolling behavior.
OverlayScrollbars هي إضافة JavaScript لشريط التمرير ومدير تمرير عناصر DOM التي تستبدل أشرطة تمرير المتصفح الأصلية بإصدارات تراكب قابلة للتخصيص. تعمل كمكون واجهة مستخدم لتصميم مسارات شريط التمرير والمقابض مع الحفاظ على سلوك التمرير الأصلي وإمكانية الوصول. يضمن المشروع اتساق واجهة المستخدم عبر المتصفحات من خلال تجاوز التنفيذ الأصلي بأشرطة تمرير ويب مخصصة. يستخدم نظاماً من خصائص CSS المخصصة والسمات المحددة مسبقاً للسماح للمظهر المرئي لأشرطة التمرير بمطابقة تصميمات مواقع ويب محددة. تتضمن المكتبة واجهة برمجية للتحكم في تخطيطات شريط التمرير وأوضاع الأداء لكل عنصر على حدة. تتميز ببنية إضافات لإضافة سلوكيات مخصصة أو ملفات توافق (polyfills) وتوفر أدوات لإعادة حساب التخطيط يدوياً عند تغير أحجام العناصر أو المحتوى.
Replaces native browser scrollbars with fully styleable overlay components that maintain accessibility.
هذا المشروع عبارة عن مجموعة أدوات واجهة مستخدم للتجارة الإلكترونية باستخدام Flutter وقالب محمول عبر المنصات يوفر مكتبة شاملة من الشاشات والتخطيطات للمتاجر الرقمية. وهو مصمم للعمل عبر نظامي Android و iOS لتسهيل تطوير تطبيقات التسوق عبر الإنترنت. تتضمن المجموعة واجهات مصممة مسبقاً لاكتشاف المنتجات، وتتميز بصفحات رئيسية، وكتالوجات فئات، وفلاتر بحث. كما توفر سلسلة مخصصة من التخطيطات لمصادقة الأجهزة المحمولة، بما في ذلك عمليات تسجيل المستخدم، وتسجيل الدخول، واستعادة كلمة المرور. يغطي الكود المصدري مجموعة واسعة من قدرات التجارة، بما في ذلك إدارة عربة التسوق، وتدفقات الدفع، وسير عمل تتبع الطلبات. بالإضافة إلى ذلك، يحتوي على مكونات لتهيئة المستخدم، وعرض معلومات المنتج، وتنظيم ملف تعريف المستخدم.
Provides branded progress indicators to maintain user engagement during background data retrieval.
Viewers is a zero-footprint DICOMweb medical imaging viewer and a modular plugin framework. It serves as a diagnostic interface for rendering 2D and 3D medical images, providing a web-based clinical workflow engine to automate image layouts and toolsets. The project distinguishes itself through a highly extensible architecture that allows for the development of custom clinical workflows, specialized viewing modes, and the integration of external functional extensions. It includes a dedicated command line interface for managing these plugins and supports white-labeling through a comprehensive
Configures scrollbar visual behavior and timing to track the progress of medical image loading.
Smooth-scrollbar is a customizable JavaScript library that replaces native browser scrollbars and scrolling behavior on target DOM elements with inertial momentum physics. It provides consistent cross-browser scrolling interfaces, hardware-accelerated visual translations, and dynamic thumb positioning. The library supports nested scroll container management, allowing outer containers to continue scrolling automatically when inner scrollable areas reach their boundary edges. It features a modular plugin architecture that enables third-party extensions to hook into core scroll events, track upd
Replaces standard browser scrollbars with custom, high-performance scrolling interfaces that look and behave consistently.
React custom scrollbars is a user interface component built for React applications that replaces native browser scrollbars with custom-styled tracks and thumbs. It maintains consistent visual appearance across different platforms and browsers while generating matching markup on both server and client environments to support server-side rendering without layout shift. The library provides comprehensive styling options by overriding default track, thumb, and view elements with custom components, CSS classes, or inline styles. It handles layout adjustments by resizing container dimensions dynami
A customizable scrollbar component for React applications that replaces native browser scrollbars with custom-styled tracks and thumbs.
يعمل هذا المستودع كمجموعة شاملة من المراجع التنفيذية لإطار عمل الويب Remix. يوفر أمثلة عملية لتطوير الويب الكامل (full-stack)، موضحاً كيفية بناء تطبيقات ديناميكية يتم عرضها من جانب الخادم تربط منطق جانب الخادم بتفاعلية جانب العميل. من خلال الاستفادة من معمارية قائمة على المكونات، توضح هذه الأمثلة الأنماط الأساسية لإدارة البيانات، والتوجيه، وواجهات المستخدم داخل بيئة تطوير موحدة. تسلط المجموعة الضوء على النهج المميز لإطار العمل تجاه معمارية الويب، مع التركيز على تحميل البيانات من جانب الخادم وتسلسلات التوجيه المتداخلة التي تعكس هياكل URL. تعرض هذه الأمثلة كيفية التعامل مع الطلبات التي تغير الحالة من خلال إجراءات مخصصة من جانب الخادم وضمان وظائف التطبيق عبر التحسين التدريجي، مما يسمح للميزات بالبقاء قيد التشغيل حتى قبل تحميل نصوص جانب العميل بالكامل. بعيداً عن الأنماط الأساسية، يغطي المستودع نطاقاً واسعاً من قدرات التكامل، بما في ذلك المصادقة الآمنة وإدارة الجلسات، ومزامنة البيانات في الوقت الفعلي، والاتصال بـ API خارجي. كما يوفر توجيهات حول سير العمل الجاهز للإنتاج، مثل معالجة المهام في الخلفية، ومعالجة الدفع الآمنة، وتقنيات تحسين الأداء مثل تجميع طلبات قاعدة البيانات وتأجيل الأصول. يتم الاحتفاظ بهذه الأمثلة كمجموعة من المشاريع النمطية، مما يوفر للمطورين نظرة مباشرة على كيفية هيكلة التطبيقات، وفرض جودة الكود، وأتمتة خطوط أنابيب النشر. يعمل كل تنفيذ كقالب وظيفي لمهام تطوير الويب الشائعة، بدءاً من إدارة المحتوى ومعالجة النماذج وصولاً إلى تفاعلات واجهة المستخدم المعقدة.
Triggers visual loading indicators during client-side transitions and form submissions to provide feedback.