awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعخادم MCPحولكيفية ترتيب النتائجالصحافة
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

12 مستودعات

Awesome GitHub RepositoriesScrollbar Components

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.

Awesome Scrollbar Components GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • nolimits4web/swiperالصورة الرمزية لـ nolimits4web

    nolimits4web/swiper

    41,852عرض على GitHub↗

    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.

    JavaScriptcarouselgallerymobile
    عرض على GitHub↗41,852
  • cubiq/iscrollالصورة الرمزية لـ cubiq

    cubiq/iscroll

    12,815عرض على GitHub↗

    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.

    JavaScript
    عرض على GitHub↗12,815
  • anomalyco/opentuiالصورة الرمزية لـ anomalyco

    anomalyco/opentui

    12,131عرض على GitHub↗

    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.

    TypeScript
    عرض على GitHub↗12,131
  • nvim-mini/mini.nvimالصورة الرمزية لـ nvim-mini

    nvim-mini/mini.nvim

    9,325عرض على GitHub↗

    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.

    Lualuamini-nvimneovim
    عرض على GitHub↗9,325
  • skim-rs/skimالصورة الرمزية لـ skim-rs

    skim-rs/skim

    6,592عرض على GitHub↗

    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.

    Rustfuzzyfinderrustskim
    عرض على GitHub↗6,592
  • grsmto/simplebarالصورة الرمزية لـ Grsmto

    Grsmto/simplebar

    6,406عرض على GitHub↗

    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.

    TypeScript
    عرض على GitHub↗6,406
  • kingsora/overlayscrollbarsالصورة الرمزية لـ KingSora

    KingSora/OverlayScrollbars

    5,157عرض على GitHub↗

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

    Replaces native browser scrollbars with fully styleable overlay components that maintain accessibility.

    TypeScriptangularcustomfrontend
    عرض على GitHub↗5,157
  • abuanwar072/e-commerce-complete-flutter-uiالصورة الرمزية لـ abuanwar072

    abuanwar072/E-commerce-Complete-Flutter-UI

    4,819عرض على GitHub↗

    هذا المشروع عبارة عن مجموعة أدوات واجهة مستخدم للتجارة الإلكترونية باستخدام Flutter وقالب محمول عبر المنصات يوفر مكتبة شاملة من الشاشات والتخطيطات للمتاجر الرقمية. وهو مصمم للعمل عبر نظامي Android و iOS لتسهيل تطوير تطبيقات التسوق عبر الإنترنت. تتضمن المجموعة واجهات مصممة مسبقاً لاكتشاف المنتجات، وتتميز بصفحات رئيسية، وكتالوجات فئات، وفلاتر بحث. كما توفر سلسلة مخصصة من التخطيطات لمصادقة الأجهزة المحمولة، بما في ذلك عمليات تسجيل المستخدم، وتسجيل الدخول، واستعادة كلمة المرور. يغطي الكود المصدري مجموعة واسعة من قدرات التجارة، بما في ذلك إدارة عربة التسوق، وتدفقات الدفع، وسير عمل تتبع الطلبات. بالإضافة إلى ذلك، يحتوي على مكونات لتهيئة المستخدم، وعرض معلومات المنتج، وتنظيم ملف تعريف المستخدم.

    Provides branded progress indicators to maintain user engagement during background data retrieval.

    Dartandroidandroid-appecommerce
    عرض على GitHub↗4,819
  • ohif/viewersالصورة الرمزية لـ OHIF

    OHIF/Viewers

    4,035عرض على GitHub↗

    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.

    TypeScriptcancer-imaging-researchdicomdicom-viewer
    عرض على GitHub↗4,035
  • dolphin-wood/smooth-scrollbarالصورة الرمزية لـ dolphin-wood

    dolphin-wood/smooth-scrollbar

    3,357عرض على GitHub↗

    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.

    TypeScriptcustom-scrollbarfrontendjavascript
    عرض على GitHub↗3,357
  • malte-wessel/react-custom-scrollbarsالصورة الرمزية لـ malte-wessel

    malte-wessel/react-custom-scrollbars

    3,217عرض على GitHub↗

    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.

    JavaScriptcustomizablereactscrollbars
    عرض على GitHub↗3,217
  • remix-run/examplesالصورة الرمزية لـ remix-run

    remix-run/examples

    1,216عرض على GitHub↗

    يعمل هذا المستودع كمجموعة شاملة من المراجع التنفيذية لإطار عمل الويب Remix. يوفر أمثلة عملية لتطوير الويب الكامل (full-stack)، موضحاً كيفية بناء تطبيقات ديناميكية يتم عرضها من جانب الخادم تربط منطق جانب الخادم بتفاعلية جانب العميل. من خلال الاستفادة من معمارية قائمة على المكونات، توضح هذه الأمثلة الأنماط الأساسية لإدارة البيانات، والتوجيه، وواجهات المستخدم داخل بيئة تطوير موحدة. تسلط المجموعة الضوء على النهج المميز لإطار العمل تجاه معمارية الويب، مع التركيز على تحميل البيانات من جانب الخادم وتسلسلات التوجيه المتداخلة التي تعكس هياكل URL. تعرض هذه الأمثلة كيفية التعامل مع الطلبات التي تغير الحالة من خلال إجراءات مخصصة من جانب الخادم وضمان وظائف التطبيق عبر التحسين التدريجي، مما يسمح للميزات بالبقاء قيد التشغيل حتى قبل تحميل نصوص جانب العميل بالكامل. بعيداً عن الأنماط الأساسية، يغطي المستودع نطاقاً واسعاً من قدرات التكامل، بما في ذلك المصادقة الآمنة وإدارة الجلسات، ومزامنة البيانات في الوقت الفعلي، والاتصال بـ API خارجي. كما يوفر توجيهات حول سير العمل الجاهز للإنتاج، مثل معالجة المهام في الخلفية، ومعالجة الدفع الآمنة، وتقنيات تحسين الأداء مثل تجميع طلبات قاعدة البيانات وتأجيل الأصول. يتم الاحتفاظ بهذه الأمثلة كمجموعة من المشاريع النمطية، مما يوفر للمطورين نظرة مباشرة على كيفية هيكلة التطبيقات، وفرض جودة الكود، وأتمتة خطوط أنابيب النشر. يعمل كل تنفيذ كقالب وظيفي لمهام تطوير الويب الشائعة، بدءاً من إدارة المحتوى ومعالجة النماذج وصولاً إلى تفاعلات واجهة المستخدم المعقدة.

    Triggers visual loading indicators during client-side transitions and form submissions to provide feedback.

    TypeScript
    عرض على GitHub↗1,216
  1. Home
  2. User Interface & Experience
  3. Scrollbar Components

استكشف الوسوم الفرعية

  • Inertial Scrollbar LibrariesCustomizable JavaScript libraries that replace native browser scrollbars with smooth inertial scrolling and modular plugins. **Distinct from Scrollbar Components:** Distinct from Scrollbar Components: specifically targets standalone JavaScript library packages providing inertial momentum and native scrollbar replacement.
  • Loading Progress Indicators1 وسم فرعيVisual indicators that use scrollbar behavior or timing to represent data loading states. **Distinct from Scrollbar Components:** Distinct from Scrollbar Components by focusing on the use of scrollbars as loading progress trackers rather than content navigation.
  • Scrollbar Plugin ExtensionsModular plugins and custom extensions that tailor scrollbar features and behavior beyond built-in options. **Distinct from Scrollbar Components:** Distinct from Scrollbar Components: specifically covers the extension and plugin hook mechanism rather than core scrollbar rendering components.