Awesome GitHub RepositoriesState-Driven Animations

lottie-ios is a vector graphics engine and animation framework for iOS that renders animations exported from After Effects as native visual elements. It functions as a renderer that converts animation data into high-fidelity native shapes to maintain small file sizes on mobile devices. The framework provides tools for managing playback, looping, and real-time property updates. It allows for the modification of colors, positions, and keyframe properties of active animations to respond to application state changes. The system parses JSON-based animation data and maps keyframes to native layers

SmartRefreshLayout is a pull-to-refresh framework and gesture interaction library for Android. It provides a scroll view wrapper that integrates interactive refresh headers and loading footers into mobile user interfaces, coordinating synchronized scrolling and touch events. The project features a pluggable architecture for custom refresh indicators and secondary refresh mechanisms. It utilizes damping-based gesture translation and overscroll rebound mechanisms to manage the tactile feel of drag resistance and physics-based animations. The library covers a broad range of interaction logic, i

react-motion is a physics-driven animation toolkit and library for React applications. It provides a system for creating fluid user interface transitions by simulating natural spring movement to move elements toward destination values using stiffness and damping parameters. The framework manages the visual entry and exit of components as they mount and unmount within the document structure. It coordinates complex motion patterns, including staggered animations and fluid transitions for items being added, removed, or reordered within dynamic lists. The library covers a broad range of animatio

lottie-react-native is a React Native animation library and cross-platform vector animation engine used to render high-quality animations exported from After Effects via the Lottie file format. It functions as a Lottie animation player that allows mobile applications to display hardware-accelerated animations that maintain visual quality across different screen resolutions. The library serves as a dynamic animation controller, enabling the manipulation of playback, color filters, and text layers in real time. It provides the ability to change animation colors and visuals by applying filters t

RunCat365 is a Windows system tray application that places an animated cat directly on the taskbar, where the cat's running speed reflects real-time CPU load. The project's core identity is a lightweight background process that maps CPU usage percentages to animation frame rates, creating a visual indicator of system performance. The application achieves this by polling CPU load data at fixed intervals through Windows Performance Counters, then driving a frame-based sprite animation whose speed responds to the measured load. It renders the cat animation directly into the taskbar notification

Android-PullToRefresh is an Android view component and library designed to implement pull-to-refresh functionality and end-of-list detection for scrollable views within Android applications. It acts as a custom view that manages the animations and listener triggers necessary to update content via user interaction. The library provides mechanisms for triggering refresh actions when a user pulls from the boundaries of a scrollable view and detecting when a user reaches the bottom of a list to facilitate data pagination. It allows for the customization of the refresh indicator's visual theme and

PyQt-Fluent-Widgets is a Python GUI component library and framework extension that provides a set of pre-styled UI components following modern Fluent design standards. It replaces standard PyQt controls with a specialized widget set designed for building contemporary desktop applications. The library distinguishes itself by offering advanced layout patterns, such as waterfall grids, loading skeleton screens, and split-view application shells. It provides a comprehensive collection of high-level interface elements, including navigation menu systems, configuration setting cards, and complex vie

dc.js is a multi-dimensional analysis tool and visualization framework used to build interactive data dashboards. It functions as a charting library that renders diverse SVG visualizations powered by D3 and integrates natively with Crossfilter to enable coordinated filtering across large datasets. The project is distinguished by its linked-view coordination, where selecting a data range or category in one chart simultaneously updates all other connected views. This allows for dynamic data exploration through dimensional chart linking and coordinated brushing, transforming raw datasets into na

React Move is a declarative animation library for React that animates components by interpolating between start and end states with configurable timing and easing. It provides data-driven transitions for single elements, groups, lists, and SVG elements, supporting staggered timing, custom interpolation for non-numeric values like colors and paths, and drag-and-drop reordering of list items. The library distinguishes itself through its support for custom interpolation functions that replace default numeric interpolation, keyed array reconciliation for tracking items as they enter, update, or l

VPet is a virtual companion application and simulation engine that renders interactive animated characters on the Windows desktop. It uses Windows Presentation Foundation for hardware-accelerated 2D graphics and a state-driven animation engine to manage character visuals based on user input and pet state. The project is built as an embeddable .NET library, allowing the simulation to be integrated into other software projects. It features a plugin-based modding system that loads dynamic libraries at runtime to extend behavioral logic, speech, items, and animations. A community workshop distrib

MaterialEditText ist eine Android-UI-Komponentenbibliothek und ein Framework für mobile Formulareingaben, mit dem Textfelder gemäß Material-Design-Standards erstellt werden können. Es bietet eine Sammlung von Eingabekomponenten mit Floating Labels, Fehlerzuständen und themenbasierten visuellen Stilen. Die Bibliothek ermöglicht das Rendern von Textfeldern mit animierten Labels und integrierten Hilfetexten. Sie unterstützt das Hinzufügen von Design-Icons und erlaubt die Anpassung von Farben und Schriftarten für Primär-, Fehler- und Hilfetexte. Das Framework umfasst Funktionen für die mobile Eingabevalidierung, wie etwa die Durchsetzung von Mindest- und Höchstzeichenanzahlen für Texteingaben.

This is an open-source 3D action-adventure game project built in Unity, providing a complete game development sample with player movement, combat, and exploration mechanics. The project is structured as a full Unity game project containing all assets, scenes, and scripts, designed for learning and extending game development skills through hands-on modification. The project implements core game systems through Unity's built-in features, including layered Animator state machines for character and enemy animation control, Scriptable Objects for modular game configuration, and a component-based e

BoomMenu ist eine Android-Bibliothek für radiale Menüs und ein UI-Animations-Framework, das für die Erstellung erweiterbarer Floating Action Buttons entwickelt wurde. Sie bietet eine Reihe programmierbarer Custom-View-Komponenten, die Untermenüelemente in radialen, horizontalen oder vertikalen Mustern mittels 3D-Transformationen einblenden. Die Bibliothek zeichnet sich durch eine 3D-Transformations-Animations-Engine aus, die nicht-lineares Easing, Skalierung und Rotation nutzt, um während der Menüerweiterung Tiefe zu erzeugen. Sie enthält spezialisierte Layout-Muster für Share-Style-Menüs und ein koordinatenbasiertes Mapping-System für präzise Elementverschiebung. Das Framework deckt ein breites Spektrum an UI-Funktionen ab, einschließlich flexibler Menükonstruktion mit beschrifteten Buttons, dynamischer Inhaltsaktualisierungen und Hintergrundabdunklung für den visuellen Fokus. Es unterstützt die Integration in verschiedene Android-Komponenten wie Action Bars, Fragmente und scrollbare Ansichten und bietet zudem Tools für ziehbare Positionierung und programmatische Zustandssteuerung. Um die Performance zu erhalten, implementiert das Projekt einen View-Recycling-Ressourcen-Cache, um Button-Instanzen wiederzuverwenden und die Objekterstellung während der Erweiterungszyklen zu reduzieren.

ComponentKit is a declarative UI framework for building iOS interfaces through composition of small, reusable components. It provides a structured approach to constructing user interfaces where each component is defined as an immutable, pure function of its inputs, enabling predictable rendering and state management. The framework supports both stateless and stateful components, with controllers that can be attached to manage persistent state across component updates. The framework distinguishes itself through its component architecture that emphasizes explicit data flow and compile-time safe

Dies ist eine Android-Shimmer-Animationsbibliothek und UI-Komponente, die verwendet wird, um Shimmering-Platzhalter zu implementieren, die Layout-Strukturen während des asynchronen Datenabrufs imitieren. Sie fungiert als Skeleton-Screen-Generator, um anzuzeigen, dass Inhalte geladen werden und in Kürze erscheinen.

Dialogic is a dialogue editor and runtime system for the Godot engine that provides a complete framework for creating branching conversations with characters, animations, and state management. At its core, it functions as a branching narrative editor with visual and text-based timeline authoring, a character animation manager that handles portraits and scene positioning, a localization tool that exports timelines to CSV for translation, and an interactive framework that manages player choices, text reveals, voice lines, and dynamic text effects within conversations. What distinguishes this sy

snabbt.js is a JavaScript motion framework and CSS transform animation library used to create high-performance animations for DOM elements. It functions as a 3D CSS animation engine and a matrix-based geometry toolkit for calculating precise translations, rotations, scales, and skews. The framework provides a user-driven animation controller that allows animation progress to be tied to manual user input rather than standard time-based playback. It enables the simulation of depth and perspective by animating HTML elements into three-dimensional shapes. The system covers motion orchestration t

This project is a design system and configuration framework for creating responsive Home Assistant dashboards. It provides a CSS-based interface framework and theme system used to define the visual appearance and layout of home automation interfaces. The system distinguishes itself through a multi-view layout approach that adapts the interface for mobile devices and wall-mounted tablets across portrait and landscape orientations. It employs configuration-based UI definitions and custom CSS to implement advanced visual effects, such as state-triggered animations for icons and interactive overl

Dies ist die umfassende Dokumentations-Website für das progressive JavaScript-Framework Vue 2. Sie dient als technische Referenz und Entwicklungsleitfaden für den Aufbau reaktiver Benutzeroberflächen und Single-Page-Anwendungen. Die Website bietet eine detaillierte JavaScript-API-Referenz und ein Web-Komponenten-Verzeichnis. Sie deckt die Implementierung komponentenbasierter Architekturen, reaktives State-Management und die Verwendung eines virtuellen DOM ab, um den Anwendungszustand mit dem Browser zu synchronisieren. Die Dokumentation erläutert Funktionen wie clientseitiges Routing, deklarative DOM-Manipulation und Frontend-Build-Optimierungen wie serverseitiges Rendering und Template-Prekompilierung. Sie erklärt zudem den Ansatz des Frameworks zur Zustandssynchronisation, Komponenten-Lebenszyklen und die Verwendung benutzerdefinierter Direktiven. Der Inhalt wird als Sammlung von Tutorials und Spezifikationen gepflegt, wobei die Dokumentation über Markdown bearbeitet wird.

SwitchButton ist ein anpassbares Toggle-Switch-Widget zum Erstellen animierter An/Aus-Schalter mit konfigurierbaren Labels und Farben. Es dient als interaktive Formulareingabe, die es Nutzern ermöglicht, zwischen zwei gegensätzlichen Optionen mittels einer zustandsgesteuerten Komponente zu wechseln. Das Widget ist gestenbewusst konzipiert und erfasst horizontale Wischbewegungen, um Zustandsänderungen auszulösen, während vertikale Scroll-Ereignisse an den übergeordneten Container weitergegeben werden. Die Komponente unterstützt die Definition benutzerdefinierter Farben, Abmessungen und Eckenradien sowohl für den Toggle-Thumb als auch für den Hintergrund-Track. Sie umfasst Funktionen zur Verwaltung von Toggle-Zuständen, zur Konfiguration von Label-Texten und zur Anpassung von Animationsgeschwindigkeiten.