Awesome GitHub RepositoriesScroll Progress Mapping

GreenSock-JS is a JavaScript animation library and framework designed for animating CSS properties, SVG attributes, and JavaScript values. It functions as a scroll-driven animation engine and a sequencing system for coordinating multiple animations into a single timeline for precise execution across web browsers. The project provides tools for creating interactive scroll effects by linking animation progress to a user's scroll position. It also includes a responsive animation framework that adjusts behaviors and timing based on media queries to maintain consistency across different device scr

Short CSS code snippets for all your development needs

ScrollMagic is a DOM scroll interaction framework and animation engine used to map scroll progress to callbacks and visual effects. It functions as a library for triggering animations based on a user's scroll position and the proximity of elements to the viewport. The framework employs a plugin-based system to extend core behavior and customize how elements react during movement. This allows for the development of non-standard scrolling interactions and interactive storytelling experiences where content transitions are tied to the scroll position. The system provides capabilities for viewpor

iCarousel is a data-driven UI library for macOS and iOS used to build interactive three-dimensional scrolling experiences. It functions as a customizable view controller that renders paged content using cylindrical or cover-flow 3D effects. The component is distinguished by its programmable perspective and visual transformation hooks, which allow for the definition of custom 3D styles and bespoke animation effects. Users can adjust viewpoint distance, alpha fading, and foreshortening to control how the vanishing point and depth appear during navigation. The library manages high-performance v

This project is a Three.js utility library and a collection of declarative React components designed for building 3D scenes. It provides a set of abstractions that wrap low-level primitives to manage lifecycles and memory disposal, serving as a geometry generator, a post-processing pipeline, and a scroll-driven animation tool. The library is distinguished by its specialized camera control systems, which include unified abstractions for orbit and perspective views as well as real-time face tracking and landmark detection via webcam feeds. It also features interactive transform gizmos for objec

Locomotive Scroll is a JavaScript library and toolkit for managing DOM scroll interactions, featuring a smooth scroll motion controller and a parallax scrolling engine. It provides a system for implementing fluid scrolling and tracking element visibility within the viewport. The library creates depth and motion by moving elements at different speeds relative to the scroll position. It includes a viewport visibility tracker used to initiate visual transitions and animations when specific elements enter the browser viewport. The toolkit covers programmatic scroll control, dynamic element regis

Embla Carousel is a lightweight JavaScript carousel library and barebones slider engine designed for creating touch-enabled, swipeable content sliders. It functions as a plugin-based framework that manages scroll physics and slide positioning without imposing specific UI styles, while providing a programmable API for custom carousel development. The system is distinguished by its modular architecture, allowing developers to extend core logic through external plugins and custom event hooks. It is compatible with server-side rendering, generating initial styles on the server to prevent layout s

This project is a cross-platform mobile tab navigator for React Native. It provides a swipable tab interface and an animated view switcher that allows users to move between different content areas using horizontal swipe gestures. The system features a customizable tab bar component that can be styled or replaced with custom components to control the visual layout. It supports independent scroll state management, ensuring each individual page maintains its own vertical scroll position when switching views. The navigation framework handles tab transition control and adjacent page pre-rendering

Vuido is a framework for building native desktop applications for Windows, macOS, and Linux using Vue.js components, without requiring Electron or Chromium. It maps Vue components directly to native widgets from the libui library, creating lightweight applications that run on a single-threaded event loop and compile templates at build time for optimized runtime performance. The framework provides a complete Vue.js component-to-native bridge, enabling two-way data binding via v-model, component-based window composition, and platform-specific package generation for distributing executables. It

Open Source Javascript Gantt

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

ngx-bootstrap ist ein Set von Bootstrap-gestylten UI-Widgets und Komponenten, die speziell für das Angular-Framework gebaut wurden. Es bietet eine Bibliothek wiederverwendbarer Interface-Elemente, die für die Arbeit mit der Angular-Ivy-Kompilierungs- und Rendering-Engine konzipiert sind. Die Bibliothek ermöglicht die Integration von Bootstrap-Komponenten in Angular-Anwendungen, um reaktionsschnelle Benutzeroberflächen ohne manuelle CSS- oder JavaScript-Arbeit zu erstellen. Sie ersetzt die Notwendigkeit für jQuery durch die Verwendung von Angular-Direktiven für das Zustandsmanagement und eine adaptive Positionierungs-Engine für schwebende Elemente. Das Komponentenset deckt eine breite Palette interaktiver Elemente ab, einschließlich Navigationskontrollen wie Tabs und Paginierung, Overlay-Fenster wie Modals und Popovers sowie Dateneingabetools wie Datums- und Zeitauswahlen. Es enthält zudem Layout- und Feedback-Widgets wie Akkordeons, Fortschrittsbalken und Alerts.

Dieses Projekt ist ein CSS-Framework und eine Styling-Schicht, die Bootstrap-Visual-Styles auf jQuery-UI-Komponenten anwendet. Es fungiert als bibliotheksübergreifende Brücke, um die visuelle Identität dieser beiden Bibliotheken zu vereinheitlichen und sicherzustellen, dass jQuery-UI-Widgets einem konsistenten, auf Bootstrap basierenden Designsystem entsprechen. Das Framework löst visuelle und funktionale Konflikte zwischen den Bibliotheken durch selektorbasiertes Style-Injection und Theme-Mapping. Es verwendet einen geschichteten Integrationsansatz, um standardisierte CSS-Klassen an Elemente anzuhängen, die von der Widget-Bibliothek gerendert werden, wodurch Stil-Kollisionen verhindert werden. Das Projekt deckt eine breite Palette interaktiver UI-Elemente ab, einschließlich Eingabesteuerelementen wie Datepicker, Autocomplete-Felder und Slider. Es bietet zudem thematisierte Styles für Layout-Komponenten wie modale Dialoge und Tab-Interfaces sowie visuelle Elemente wie Fortschrittsbalken, Menüs und Tooltips.

XUI ist ein natives Android-UI-Framework und eine Komponentenbibliothek für den Aufbau von Anwendungsoberflächen. Es bietet eine umfassende Suite nativer Layouts, Eingabefelder und Navigationselemente, unterstützt durch ein gestuftes Theme-Management-System zur Definition globaler visueller Attribute und responsiver Styles. Das Framework zeichnet sich durch einen spezialisierten Satz benutzerdefinierter Views und Interaktions-Toolkits aus, einschließlich hochperformanter Kalender, Datenvisualisierungs-Rendering und einer Vielzahl stilisierter Buttons mit integrierten Timern und visuellen Effekten. Es enthält zudem integrierte Medienverarbeitungsfunktionen wie Barcode- und QR-Code-Scanning, benutzerdefinierte QR-Generierung und eine Schnittstelle zum Zuschneiden von Bildern. Das Projekt deckt ein breites Spektrum an UI- und UX-Funktionen ab, einschließlich diverser Dateneingabekomponenten, Floating-Window-Primitiven und einer Vielzahl von Feedback-Indikatoren wie Snackbars und Fortschrittsanzeigen. Es bietet zudem Layout-Templating, Typografie-Konfiguration und Animationssysteme zur Verwaltung von View-Übergängen und interaktivem Feedback.

Dieses Projekt ist ein React-basiertes Admin-Template und UI-Kit, das für den Aufbau von Dashboards entwickelt wurde. Es bietet eine umfassende Sammlung vorgestylter Layouts, eine zugängliche Komponentenbibliothek und ein Sass-basiertes UI-Framework für die Erstellung administrativer Interfaces. Das Template ist spezifisch als KI-optimiertes Projekt strukturiert und nutzt Coding-Muster und Organisation, die darauf ausgelegt sind, KI-Assistenten bei der Generierung konsistenter, produktionsreifer React-Codes zu unterstützen. Es verfügt über ein flexibles Styling-System unter Verwendung von Sass-Variablen und CSS-Custom-Properties, um anpassbare helle und dunkle Themen zu unterstützen. Das Kit deckt ein breites Spektrum an Interface-Funktionen ab, einschließlich Datenvisualisierungs-Widgets, interaktiven Tabellen mit Sortierung und Paginierung sowie komplexen Formularelementen wie Multi-Step-Wizards. Es enthält übergeordnete Navigationssysteme wie Sidebars und Breadcrumbs sowie strukturelle Komponenten wie responsive Grids, modale Dialoge und zugängliche Kalender-Interfaces.

vue-strap is a UI framework and component library that provides a collection of themed interface elements based on Bootstrap for use within Vue.js applications. It serves as a Bootstrap-based component kit that bridges CSS framework styling with a reactive JavaScript component architecture. The library implements a wide range of functional building blocks, including navigation bars, dropdown menus, and layout primitives such as accordion panels and tabbed content. It includes an extensive set of form inputs featuring date pickers, typeahead search, and integrated validation state management.

This project is a thread-safe terminal progress bar and IO progress wrapper for Go applications. It provides a library for rendering updating progress indicators and activity spinners within a command-line interface to visualize task completion and data stream progress. The library includes a stream-wrapping IO interceptor that automatically tracks and displays the volume of bytes processed during read or write operations. It also supports indeterminate activity spinners for processes where the total work volume is unknown. Users can configure the visual appearance of the progress indicators

This project is a collection of experimental frontend prototypes, comprising a creative web layout gallery, a CSS user interface component library, and a visual experiment lab. It serves as an interactive animation showcase for holographic effects, audio-visual synthesis, and dynamic state transitions. The repository features specialized implementations of interactive media, including physics-based particle systems, real-time audio-visual synthesis, and an interactive sketching system. It also includes tools for content generation, such as text-based image reconstruction and a web-based prese

CircleIndicator is a custom Android UI component that functions as a circular page progress indicator. It provides a graphical interface element that represents completion or progress through a circular arc. The component is designed to track a user's position within a sequence of pages, such as during onboarding flow navigation or linear screen transitions. It visualizes progress through a set of screens to provide feedback during mobile app navigation.

Bootflat ist eine Frontend-Komponentenbibliothek und CSS-Framework-Erweiterung, die eine Flat-Design-Ästhetik für das Styling von Webanwendungen implementiert. Sie bietet eine Reihe wiederverwendbarer Schnittstellenelemente und ein Mobile-First-Grid-System, um responsives Webdesign zu erleichtern. Das Projekt integriert Design und Entwicklung durch einen PSD-gesteuerten Workflow und bietet professionelle Photoshop-Komponentensets sowie kuratierte Farbpaletten für das Interface-Prototyping. Die visuelle Anpassung erfolgt über variablenbasierte Themen-Overrides für Farben und Schriftarten. Die Bibliothek deckt ein breites Spektrum an UI-Komponenten ab, einschließlich Formularelementen mit validierten Eingaben und benutzerdefinierten Auswahlsteuerelementen, Navigationstools wie Tabbed Panes und Paginierung sowie Layoutstrukturen wie Hero-Units und Seitenfußzeilen. Sie enthält zudem Feedback-Elemente wie Warnmeldungen, Tooltips und Fortschrittsbalken, um den Systemstatus zu kommunizieren.