Awesome GitHub RepositoriesSmooth Scrolling

Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat

snacks.nvim is a comprehensive collection of quality-of-life plugins and utilities designed to extend the core functionality of Neovim. It serves as a multi-purpose toolkit providing a UI framework, navigation enhancements, and integrations with external services. The project distinguishes itself by combining a wide array of specialized tools into a single suite, including a picker-based file explorer, a deep GitHub integration for managing issues and pull requests, and a set of development utilities for profiling Lua performance and inspecting code execution. Its broader capability surface

elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a webpage. When clicked, it smoothly animates the page back to the top while playing a looping elevator music track in the background, masking the transition and adding a whimsical touch to the user experience. The library goes beyond a simple scroll-to-top button by offering configurable scroll duration, the ability to scroll to any specified DOM element with optional vertical padding, and callback hooks that fire user-defined functions at the start and end of the animation. This allo

Tridactyl is a Vim-like Firefox extension that provides a comprehensive keyboard-driven interface for browsing, tab management, and page interaction. It replaces traditional mouse-based navigation with Vim-style keybindings, an ex-mode command line, and a hint overlay system for selecting and interacting with page elements. The extension is built around a core infrastructure that includes a modal command parser, a keybinding configuration system, and a content-script command bridge for executing commands in page context. The extension distinguishes itself through its deep integration with Fir

مكتبة التمرير السلس (Smooth Scrolling) لـ JavaScript هذه هي أداة واجهة أمامية ووحدة تحكم في حركة إطار العرض مصممة لتحريك الانتقالات إلى روابط الارتساء (Anchor links). تقوم باعتراض نقرات الروابط القياسية لاستبدال القفزات الفورية بحركة انسيابية نحو العناصر المستهدفة. توفر المكتبة أنماط تخفيف حركة قابلة للتكوين وعناصر تحكم في السرعة لإدارة التسارع والتباطؤ. تتضمن آلية لإلغاء الرسوم المتحركة النشطة فوراً وتدعم تشغيل التمرير البرمجي عبر استدعاءات الوظائف المباشرة. تتعامل الأداة مع إزاحات التموضع لمنع إخفاء المحتوى المستهدف خلف الرؤوس الثابتة وتزامن شريط عنوان المتصفح أثناء الانتقالات. كما تتميز بنظام استدعاء (Callback) يعتمد على الأحداث يقوم بتشغيل تأثيرات جانبية عند بدء أو انتهاء أو مقاطعة رسوم التمرير المتحركة.

Twoway-view هي مكتبة Java لتطوير واجهة مستخدم قائمة Android مصممة لتبسيط إنشاء واجهات قائمة وشبكة مخصصة. تركز على تقليل الكود المتكرر عند بناء ترتيبات عناصر معقدة وتخطيطات مخصصة. يوفر المشروع أدوات لتصميم مدير التخطيط المخصص وإدارة تخطيط التسلسل، مما يسمح بوضع هيكلي دقيق للعناصر. يتضمن آليات لتبسيط تخطيط القائمة وعرض تخطيطات واجهة المستخدم المخصصة. تغطي المكتبة مجموعة واسعة من قدرات القائمة، بما في ذلك إدارة تزيين العناصر للتصميم المرئي، وبدائيات التفاعل لمعالجة الإدخال وتتبع التحديد، وأدوات التنقل للتمرير المتحرك إلى مواضع محددة.

Swup هي مكتبة انتقال الصفحة ومحمل صفحات AJAX مصمم لإنشاء انتقالات سلسة ومتحركة بين الصفحات على مواقع الويب التي يتم عرضها من جانب الخادم. تعمل كمنسق لمحتوى DOM ومدير لسجل المتصفح، حيث تعترض التنقل لاستبدال محتوى الصفحة ديناميكياً ومحاكاة تجربة تطبيق الصفحة الواحدة. يتميز المشروع من خلال نظام دورة حياة يعتمد على الخطافات (hooks) وبنية إضافات تسمح بحقن منطق مخصص وتأثيرات رسوم متحركة. يدعم طرقاً مرئية متقدمة بما في ذلك تحويل محتوى DOM، وعرض DOM المتوازي للرسوم المتحركة المتداخلة، والتكامل مع واجهة برمجة تطبيقات انتقالات العرض (View Transitions API) الأصلية للمتصفح. تغطي المكتبة مجموعة واسعة من الإمكانيات، بما في ذلك إدارة التنقل من جانب العميل، والتخزين المؤقت للصفحات القائم على الذاكرة، والتحميل المسبق للصفحات في الخلفية لتحسين الأداء. كما توفر استعادة شاملة لموضع التمرير، وتحسينات إمكانية الوصول لقارئات الشاشة، وأدوات لمزامنة بيانات تعريف رأس المستند وتنفيذ النصوص البرمجية عبر الانتقالات.

react-scroll هي مكتبة لإدارة سلوك التمرير السلس والفوري بين عناصر الصفحة في تطبيقات React. تعمل كمتحكم تمرير DOM، وتوفر واجهة برمجة تطبيقات تعريفية ومجموعة من المكونات لتحريك إطار العرض (viewport) إلى عناصر مستهدفة محددة. تتيح المكتبة التمرير المخصص من خلال السماح لإطار العرض بالانتقال إلى العناصر المستهدفة إما من خلال قفزات فورية أو انتقالات متحركة. وتوفر نظاماً لدمج منطق التمرير هذا في مكونات مخصصة باستخدام mixins لتحديد مشغلات وأهداف حركة محددة. يغطي المشروع التنقل في إطار العرض وانتقالات التركيز داخل تخطيطات تطبيقات الصفحة الواحدة، مما يربط إجراءات المستخدم في مكونات React بمواقع محددة داخل الصفحة.

smoothscroll is a browser compatibility library and JavaScript polyfill that provides uniform smooth scrolling behavior across different web browsers. It functions as a frontend animation utility that intercepts standard scroll commands and replaces them with custom animation logic to ensure consistent navigation transitions. The library includes a runtime feature detection tool that identifies native browser support for scroll properties, preventing redundant execution in modern environments. It synchronizes page position updates with the browser display refresh rate to prevent visual stutte

MarqueeView is an Android custom view library used to create scrolling or flipping text announcements and dynamic text tickers. It functions as a specialized interface component for displaying rotating sequences of messages and interactive notification widgets. The library distinguishes itself through the use of dynamic layout inflation to inject custom resource files at runtime. It manages programmatic animation sequencing for entry and exit transitions and utilizes a callback system to map user touch events on visual elements to specific data indices. The project covers broad capabilities

BasicScroll is a standalone scroll-driven animation library that updates CSS custom properties, element styles, and CSS properties dynamically based on absolute or relative viewport scroll positions. It functions as an animation engine designed to build custom parallax scrolling experiences and fluid visual effects on both mobile and desktop viewports. The library supports custom scroll range definitions anchored directly to specific document elements, alongside callback executions that trigger user-defined functions with live progress data and state percentages as the viewport enters or leav

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

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

Portfolio-responsive-complete is a responsive web portfolio template built with core web languages that adapts automatically to any screen size. It functions as a frontend developer portfolio template, providing a personal showcase site designed with a mobile-first approach. The project incorporates mobile-first fluid layouts that adapt screen structures dynamically across devices, alongside declarative style encapsulation that organizes visual rules into structured stylesheets. It features event-driven DOM manipulation to update interface states dynamically in response to user interactions.

Fixed-nav is a client-side JavaScript library for building responsive, touch-friendly navigation menus on single-page websites. It pins navigation bars to the screen viewport so control interfaces remain persistently accessible as users scroll through long content. The library automatically monitors scroll positions against document boundaries to highlight active section indicators in real time. When navigation links are selected, it animates viewport transitions to target sections using hardware-accelerated timing functions instead of abrupt jumps. Additional capabilities include dimming ba