Awesome GitHub RepositoriesProgrammatic Scrolling

fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior. The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to stan

react-virtualized is a library of components for rendering massive lists and tables by drawing only the elements visible in the viewport. It provides specialized layout managers including a windowed grid component and a dynamic height list manager. The project includes a masonry layout engine for packing items of varying heights and widths, as well as an infinite scroll interface for incrementally fetching and appending data. The library covers a broad range of virtualization capabilities, including frozen grid elements, reverse list rendering, and synchronized viewport scrolling. It also su

xi-editor is a high-performance text editor core written in Rust. It employs a client-server architecture that separates the backend editor logic from the user interface, allowing diverse frontends to communicate with the core via a standardized protocol. The project is distinguished by its use of rope-based text buffers for efficient manipulation of large documents and a collaborative engine powered by conflict-free replicated data types to synchronize concurrent edits. It further features an extensible plugin system that integrates external binaries and third-party tools through JSON-based

This project is a collection of official plugin packages and a native integration library designed to provide a consistent interface for accessing hardware and software functionality across different mobile and desktop platforms. It serves as a native platform bridge, enabling cross-platform applications to invoke native code and manage operating system dependencies. The project utilizes a federated plugin architecture, splitting plugins into common interfaces and separate platform implementations to allow for independent development and extension. It further supports native integration throu

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

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

Agent-S is a multimodal AI agent and LLM desktop automation framework designed to control operating systems through graphical user interface interactions. It functions as a computer use interface, utilizing vision-language grounding to translate natural language goals into precise screen coordinates and system actions. The project differentiates itself by combining structured accessibility tree inspection with vision-based element localization. It manages cross-application workflows by mapping conceptual descriptions to physical pixels and simulating low-level keyboard and mouse events to mov

Maestro is a declarative mobile and web UI automation framework designed for end-to-end testing. It operates by querying the native accessibility tree of an application, allowing for black-box testing without requiring source code instrumentation or platform-specific dependencies. The framework distinguishes itself through a unified command syntax that abstracts interactions across Android, iOS, and web environments. It features a dynamic synchronization engine that automatically pauses test execution to account for non-deterministic animations and network-dependent content loading, ensuring

This project provides high-performance list components for React Native that utilize a view-recycling rendering engine. It is designed to display large datasets by reusing existing components instead of destroying and recreating them, which reduces memory usage and prevents blank cells during fast scrolling. The library distinguishes itself through a specialized virtualized list manager and support for masonry grid layouts, which allow for multiple columns with varying item heights. It includes a type-based recycling system that ensures the correct component structure is reused for specific d

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

Scrollama is a JavaScript library for scroll-driven storytelling that uses the browser's native IntersectionObserver API to trigger step-based callbacks and animations as the user scrolls through a page. It pins graphic elements using CSS sticky positioning while scrolling through associated text steps, enabling side-by-side narrative experiences without JavaScript-driven layout calculations. The library provides a configurable offset threshold system that accepts a single global offset or per-element data-attribute offsets to define the viewport position that triggers step events. It reports

यह JavaScript स्मूथ स्क्रॉलिंग लाइब्रेरी एक फ्रंटएंड यूटिलिटी और व्यूपोर्ट मोशन कंट्रोलर है जिसे एंकर लिंक्स के लिए ट्रांज़िशन को एनिमेट करने के लिए डिज़ाइन किया गया है। यह टारगेट एलिमेंट्स की ओर तरल गति के साथ इंस्टेंट जंप्स को बदलने के लिए स्टैंडर्ड लिंक क्लिक्स को इंटरसेप्ट करती है। यह लाइब्रेरी त्वरण और मंदी को प्रबंधित करने के लिए कॉन्फ़िगर करने योग्य मोशन ईज़िंग पैटर्न और स्पीड कंट्रोल्स प्रदान करती है। इसमें सक्रिय एनिमेशन को तुरंत रद्द करने का एक तंत्र शामिल है और यह सीधे फंक्शन कॉल्स के माध्यम से प्रोग्रामेटिक स्क्रॉल ट्रिगरिंग का समर्थन करती है। यह टूल टारगेट कंटेंट को फिक्स्ड हेडर्स के पीछे छिपने से रोकने के लिए पोजिशनिंग ऑफसेट्स को संभालता है और ट्रांज़िशन के दौरान ब्राउज़र एड्रेस बार को सिंक्रोनाइज़ करता है। इसमें एक इवेंट-संचालित कॉलबैक सिस्टम भी है जो स्क्रॉलिंग एनिमेशन शुरू होने, समाप्त होने या बाधित होने पर साइड इफेक्ट्स को ट्रिगर करता है।

Swup एक पेज ट्रांज़िशन लाइब्रेरी और AJAX पेज लोडर है जिसे सर्वर-रेंडर की गई वेबसाइटों पर पेजों के बीच सहज, एनिमेटेड ट्रांज़िशन बनाने के लिए डिज़ाइन किया गया है। यह एक DOM सामग्री ऑर्केस्ट्रेटर और ब्राउज़र इतिहास प्रबंधक के रूप में कार्य करता है, जो सामग्री को गतिशील रूप से बदलने और सिंगल-पेज एप्लिकेशन अनुभव का अनुकरण करने के लिए नेविगेशन को इंटरसेप्ट करता है। यह प्रोजेक्ट एक हुक-आधारित जीवनचक्र प्रणाली और एक प्लगइन आर्किटेक्चर के माध्यम से खुद को अलग करता है जो कस्टम लॉजिक और एनिमेशन प्रभावों के इंजेक्शन की अनुमति देता है। यह DOM सामग्री मॉर्फिंग, ओवरलैपिंग एनिमेशन के लिए समानांतर-DOM रेंडरिंग, और नेटिव ब्राउज़र View Transitions API के साथ एकीकरण सहित उन्नत विज़ुअल विधियों का समर्थन करता है। लाइब्रेरी क्लाइंट-साइड नेविगेशन प्रबंधन, मेमोरी-आधारित पेज कैशिंग, और प्रदर्शन को अनुकूलित करने के लिए बैकग्राउंड पेज प्रीलोडिंग सहित क्षमताओं की एक विस्तृत श्रृंखला को कवर करती है। यह व्यापक स्क्रॉल स्थिति बहाली, स्क्रीन रीडर्स के लिए एक्सेसिबिलिटी अनुकूलन, और ट्रांज़िशन के दौरान दस्तावेज़ हेड मेटाडेटा और स्क्रिप्ट निष्पादन को सिंक्रनाइज़ करने के लिए टूल भी प्रदान करती है।

Simpl एक HTML, CSS और JavaScript उदाहरण लाइब्रेरी है जो मुख्य वेब प्रौद्योगिकियों और नेटिव ब्राउज़र API के न्यूनतम कार्यात्मक प्रदर्शनों का एक संग्रह प्रदान करती है। यह फ्रंटएंड विकास के लिए एक संदर्भ कार्यान्वयन और पैटर्न गैलरी के रूप में कार्य करता है, जो सामान्य वेब सुविधाओं को लागू करने के तरीके के व्यावहारिक उदाहरण प्रदान करता है। यह प्रोजेक्ट WebSockets और WebRTC के माध्यम से वास्तविक समय वेब संचार, अनुकूली लेआउट के लिए उत्तरदायी वेब डिज़ाइन तकनीक, और सर्विस वर्कर्स का उपयोग करके ऑफ़लाइन वर्कफ़्लो के कार्यान्वयन सहित ब्राउज़र क्षमताओं की एक विस्तृत श्रृंखला का प्रदर्शन करता है। यह IndexedDB और ब्राउज़र-आधारित की-वैल्यू स्टोर का उपयोग करके क्लाइंट-साइड स्टोरेज के लिए प्रदर्शन भी प्रदान करता है। लाइब्रेरी डिवाइस सेंसर और जियोलोकेशन के साथ हार्डवेयर एकीकरण, ऑडियो और वीडियो के लिए उन्नत मीडिया कैप्चर और प्लेबैक, और दो- और तीन-आयामी ग्राफिक्स रेंडरिंग के लिए कैनवास के उपयोग सहित वेब क्षमताओं की एक विस्तृत सतह को कवर करती है। अतिरिक्त क्षेत्रों में डेटा हेरफेर, एसिंक्रोनस प्रोग्रामिंग, और प्रदर्शन तथा नेटवर्क कनेक्टिविटी की निगरानी के लिए ब्राउज़र API का उपयोग शामिल है।

यह एक React एनीमेशन लाइब्रेरी है जो कोरियोग्राफ्ड मोशन, जटिल ट्रांज़िशन, और SVG मॉर्फिंग बनाने के लिए कंपोनेंट्स का एक संग्रह प्रदान करती है। यह एक मोशन डिज़ाइन विनिर्देश और एक UI कंपोनेंट एनीमेशन रैपर सिस्टम के रूप में कार्य करता है जिसका उपयोग इंटरफेस एलिमेंट्स पर 3D ट्रांसफॉर्म्स, बेज़ियर कर्व्स, और एंट्री-एग्जिट ट्रांज़िशन लागू करने के लिए किया जाता है। इस प्रोजेक्ट में UI मूवमेंट्स और पैरालैक्स इफेक्ट्स को व्यूपोर्ट स्थिति के साथ सिंक्रोनाइज़ करने के लिए एक स्क्रॉल-ड्रिवन एनीमेशन सूट, और पाथ्स को एनिमेट करने, लाइन्स को क्रमिक रूप से खींचने, और शेप मॉर्फिंग के लिए निर्देशांक को इंटरपोलेट करने के लिए एक SVG मोशन फ्रेमवर्क शामिल है। इसकी क्षमताएं विज़ुअल मोशन की एक विस्तृत श्रृंखला को कवर करती हैं, जिसमें रोटेटिंग कैरोसेल्स जैसे 3D विज़ुअल इफेक्ट्स, संख्यात्मक इंटरपोलेशन के लिए डेटा विज़ुअलाइज़ेशन मोशन, और इंटरैक्टिव लैंडिंग पेज असेंबली शामिल हैं। यह टेबल्स और सूचियों के लिए जटिल कंपोनेंट एनिमेशन को भी प्रबंधित करता है, और कई एलिमेंट्स के लिए एनिमेशन को अनुक्रमित और चेन करने के लिए टूल्स प्रदान करता है।

mescroll एक JavaScript इनफिनिट स्क्रॉल लाइब्रेरी और मोबाइल वेब स्क्रॉल मैनेजर है जिसे पुल-टू-रिफ्रेश और पुल-अप-लोडिंग पैटर्न को लागू करने के लिए डिज़ाइन किया गया है। यह टच-आधारित स्क्रॉलिंग को संभालने, पेजिनेशन स्टेट्स को प्रबंधित करने और Vue एप्लिकेशन के भीतर इन व्यवहारों को एकीकृत करने के लिए एक सिस्टम प्रदान करता है। यह लाइब्रेरी चैट इंटरफेस के लिए विशेष समर्थन के माध्यम से खुद को अलग करती है, जो रिवर्स-ऑर्डर डेटा लोडिंग और संदेश इतिहास का अनुकरण करने के लिए रिवर्स दिशा में डेटा इंजेक्ट करने की क्षमता को सक्षम बनाती है। इसमें उपयोगकर्ताओं द्वारा विभिन्न दृश्यों के बीच नेविगेट करने पर वर्टिकल ऑफसेट और लिस्ट डेटा को संरक्षित करने के लिए एक स्टेट-पर्सिस्टेंट स्क्रॉल कैश भी शामिल है। यह प्रोजेक्ट इंटरैक्शन और प्रदर्शन क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है, जिसमें नेटिव ब्राउज़र रबर-बैंडिंग का दमन, व्यूपोर्ट-जागरूक इमेज लेज़ी लोडिंग और प्रोग्रामेटिक स्क्रॉल पोजिशनिंग शामिल है। यह पेजिनेशन स्टेट्स को प्रबंधित करने, लोडिंग और खाली स्टेट UI को कस्टमाइज़ करने और बैक-टू-टॉप नेविगेशन को लागू करने के लिए उपयोगिताएँ भी प्रदान करता है।

react-scroll React एप्लिकेशन में पेज तत्वों के बीच स्मूथ और तत्काल स्क्रॉलिंग व्यवहार को प्रबंधित करने के लिए एक लाइब्रेरी है। यह एक DOM स्क्रॉल कंट्रोलर के रूप में कार्य करता है, जो एक घोषणात्मक API और व्यूपोर्ट को विशिष्ट लक्ष्य तत्वों तक एनिमेट करने के लिए घटकों का एक सेट प्रदान करता है। यह लाइब्रेरी व्यूपोर्ट को तत्काल जंप या एनिमेटेड ट्रांज़िशन के माध्यम से लक्ष्य तत्वों तक जाने की अनुमति देकर कस्टम स्क्रॉलिंग को सक्षम बनाती है। यह विशिष्ट मूवमेंट ट्रिगर्स और लक्ष्यों को परिभाषित करने के लिए मिक्सिन्स का उपयोग करके इस स्क्रॉलिंग तर्क को कस्टम घटकों में एकीकृत करने के लिए एक सिस्टम प्रदान करती है। यह प्रोजेक्ट सिंगल-पेज एप्लिकेशन लेआउट के भीतर व्यूपोर्ट नेविगेशन और फोकस ट्रांज़िशन को कवर करता है, जो React घटकों में उपयोगकर्ता क्रियाओं को पेज के भीतर विशिष्ट स्थितियों से जोड़ता है।

Fixed-data-table एक React घटक लाइब्रेरी है जिसे स्ट्रक्चर्ड, स्क्रॉल करने योग्य ग्रिड इंटरफ़ेस के भीतर बड़े डेटासेट को रेंडर करने के लिए डिज़ाइन किया गया है। यह एक वर्चुअलाइज्ड टेबल के रूप में कार्य करता है, जो व्यूपोर्ट के भीतर वर्तमान में दिखाई देने वाली पंक्तियों को रेंडर करके परफॉरमेंस को ऑप्टिमाइज़ करता है। यह लाइब्रेरी नेविगेशन के दौरान संदर्भ बनाए रखने पर अपने ध्यान के माध्यम से खुद को अलग करती है, जिसमें फिक्स्ड-हेडर लेआउट और सिंक्रोनाइज़्ड स्क्रॉल स्टेट मैनेजमेंट का उपयोग किया जाता है। यह जानकारी को विशिष्ट ग्रिड कोऑर्डिनेट्स में मैप करने के लिए इंडेक्स-आधारित डेटा एक्सेस का उपयोग करती है, जिससे मॉड्यूलर सेल कस्टमाइज़ेशन और लचीली कॉलम कॉन्फ़िगरेशन की अनुमति मिलती है। यह घटक कॉलम रिसाइज़िंग और पंक्ति ऊँचाई समायोजन सहित व्यापक टेबल प्रस्तुति प्रबंधन का समर्थन करता है। यह स्क्रॉल व्यवहार पर प्रोग्रामेटिक नियंत्रण प्रदान करता है, जिससे बाहरी इंटरफ़ेस तत्वों या कस्टम जेस्चर के साथ टेबल मूवमेंट के सिंक्रोनाइज़ेशन को सक्षम किया जा सकता है।

यह प्रोजेक्ट एक jQuery प्लगइन है जो नेटिव ब्राउज़र स्क्रॉलबार को थीम्ड, अनुकूलन योग्य वर्ज़न्स के साथ बदलता है जो वर्टिकल और हॉरिजॉन्टल दोनों अक्षों का समर्थन करते हैं। यह माउस, कीबोर्ड और टच-सक्षम उपकरणों में एकीकृत स्क्रॉलिंग व्यवहार सुनिश्चित करने के लिए डिज़ाइन की गई एक नेविगेशन लेयर प्रदान करता है। प्लगइन क्रॉस-ब्राउज़र UI सुसंगतता बनाए रखने के लिए CSS और पूर्व-निर्धारित थीम्स का उपयोग करके स्क्रॉलबार रेल्स और ड्रैगर्स के संशोधन की अनुमति देता है। यह समायोज्य मोमेंटम, स्नैपिंग और माउस-व्हील त्वरण के माध्यम से नेविगेशन के भौतिक अनुभव पर नियंत्रण सक्षम करता है। इस सिस्टम में प्रोग्रामेटिक कंटेंट पोजिशनिंग, आंतरिक लिंक सिंक्रोनाइज़ेशन और एलिमेंट विजिबिलिटी डिटेक्शन के लिए क्षमताएं शामिल हैं। यह व्यूपोर्ट आयामों के आधार पर स्वचालित रूप से स्क्रॉलबार ओरिएंटेशन स्विच कर सकता है और जब स्क्रॉलिंग विशिष्ट मील के पत्थर तक पहुंचती है तो उपयोगकर्ता-परिभाषित कार्यों को ट्रिगर करने के लिए एक तंत्र प्रदान करता है।

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