Projects sharing features with Material Animations

react-flip-toolkit is a coordinate-based transition framework and layout animation library for React. It uses a magic-move technique to calculate element positions, preventing jarring jumps during layout shifts through interpolation and physics. The library provides a spring-based motion engine that uses stiffness and damping settings to create natural movement for layout and style changes. It includes specialized tools for shared element transitions, which coordinate visual movements across client-side route changes to maintain continuity between different pages. The system covers layout tr

InstaMaterial is a Material Design social media interface implementation for Android. It serves as a mobile application frontend and navigation framework featuring scrollable content feeds, user profiles, and interactive social engagement elements. The project is distinguished by its complex motion design, including circular reveal animations that transition between screens from specific touch coordinates and sequenced entry effects that coordinate translation, alpha, and scale transforms. It also implements a custom camera integration system that utilizes shaders for circular image cropping

Conductor is a view-based framework for Android applications that provides a system for orchestrating UI components through lifecycle controllers, navigation routers, and UI coordination. It focuses on managing how views are loaded and unloaded to optimize memory and state. The framework features a routing system for managing screen transitions and history stacks, allowing for the creation of hierarchical layouts such as master-detail views by nesting navigation flows. It also includes an interface for implementing custom animations and visual effects during view switches. Its broader capabi

GSAP is a comprehensive JavaScript animation library designed for orchestrating complex motion sequences and interactive user interfaces. It provides a robust property-interpolation engine that calculates intermediate values for CSS styles, attributes, and numeric properties, enabling smooth visual transitions across web elements. The framework is built on a core architecture that manages animation lifecycles, timeline-based sequence orchestration, and virtual property interception to ensure precise control over motion. The library distinguishes itself through a modular, plugin-based extensib

This project is a suite of visual components and interface models designed to create animated transitions between condensed grid previews and expanded detail views. It provides a card transition library and SwiftUI animated UI components that enable a peek-and-pop interface where small preview cards expand into full-screen content. The system implements an animated grid layout that allows collections of cards to expand and contract to reveal more information. These interactions are supported by animations that transform small content cells into full-screen interfaces to maintain visual contin

AnimatedCollectionViewLayout is a layout engine and animation framework for UIKit collection views. It provides a system for managing item positioning and fluid visual transitions within the iOS user interface. The project focuses on custom layout transition tools and a scroll animator capable of applying real-time parallax and zooming effects. These capabilities allow for the definition of unique animation paths and attribute transitions through a protocol-based implementation. The framework covers a broad range of visual effects, including scroll-based transitions and layout attribute inte

Hero is a transition framework and animation toolkit for iOS and tvOS designed to create fluid visual continuity between screens. It provides a shared element animation library that interpolates the position and size of views across different screens using unique identifiers. The framework includes an interactive transition controller that binds navigation progress to manual gestures and user input events in real time. It utilizes a system for calculating animation durations based on element distance and size to maintain a consistent sense of motion speed. The toolkit covers global coordinat

Framer Motion is a React animation library and hardware-accelerated motion engine. It provides a suite of systems for managing declarative transitions, automated layout interpolation, and animation states within React user interfaces. The project distinguishes itself through a layout transition orchestrator that automatically interpolates visual changes when elements shift position or size. It includes an interactive gesture system to trigger motion based on drags, hovers, and taps, as well as tools for binding animation progress to scroll positions. The library covers a broad range of motio

Isotope is a JavaScript grid layout library used to create filterable and sortable grids with automatic element positioning in the browser. It functions as a layout engine that calculates absolute coordinates for elements to maintain a dense grid regardless of individual item dimensions. The library features a masonry layout engine that arranges items of varying heights into a compact grid to eliminate vertical gaps. It includes a coordinate-based layout animator for smooth transitions during layout shifts and a CSS selector filtering tool to show or hide elements without reloading the page.

This project is a comprehensive framework for iOS application development, centered on building mobile applications that feature custom user interface components, asynchronous task management, and local data persistence. It serves as a technical knowledge base for software engineering, providing tools to organize and publish architectural analyses and notes in Markdown format. The framework distinguishes itself through a robust document-based storage layer that utilizes BSON-formatted records to perform CRUD operations within a NoSQL document store. It provides extensive system integration ca

This project provides a collection of instructional guides and tutorials for Android app development, native mobile application creation, and computer science education. It focuses on building native applications through step-by-step implementation, covering the development of user interfaces and the integration of system hardware and permissions. The material extends into broader technical domains, including the study of fundamental data structures and algorithms for technical interview preparation. It also covers cybersecurity fundamentals, such as identifying web vulnerabilities and implem

Transitions Everywhere is an Android view animation library and UI transition framework. It serves as an extension to the Jetpack Transitions library, providing a toolkit for implementing motion and recoloring animations during element transitions. The library enables the creation of custom scale, translation, and rotation effects to manage visual state changes in mobile interfaces. It provides a set of additional animation effects built on top of the Android Jetpack framework to achieve a dynamic visual experience. The framework covers view transition customization and UI motion design, uti

Clay is a header-only layout engine designed for C and C++ applications that computes element positions and dimensions using a declarative box model. By operating as an immediate-mode framework, it calculates interface geometry dynamically on every frame, allowing for the creation of responsive and fluid user interfaces without maintaining persistent state. The library functions as a platform-agnostic tool that decouples layout logic from specific graphics backends. It provides a flexible coordinate system that supports layered elements, such as modals and tooltips, alongside standard documen

This is a comprehensive library of code examples and reference implementations for building cross-platform user interfaces with Flutter. The project provides a collection of demo applications and guides designed to illustrate the implementation of design patterns, animation techniques, and testing workflows. The repository features specific demonstrations for native integration, including examples of embedding modules into existing native applications, using platform channels, and bridging native code with the framework. It also serves as an animation reference, providing implementations for

A library of custom iOS View Controller Animations and Interactions.

A collection of animations for iOS. Simple, just add water animations.

This project is a technical study guide and architectural analysis of the Vue.js framework. It serves as an educational resource for understanding the implementation of a reactive framework, providing source code analysis and architectural visualizations to explain the internal workings of the Model-View-ViewModel pattern. The project focuses on the mechanics of reactive framework implementation, specifically how dependency tracking, getters, and setters are used to synchronize state with a user interface. It includes detailed examinations of the virtual DOM and the process of reconciling ele

A library to bring fully animated Material Design components to pre-Lolipop Android.

BouncyLayout is a Swift UI layout component and iOS UI component designed as a spring-based animation library. It serves as a layout container for iOS applications that applies spring-driven bounce animations to list cells during scrolling and resizing. The project focuses on creating tactile, bouncy movement for user interface elements through physics-driven animations. It enables custom layout animations and dynamic UI motion specifically for interactive list designs.

Mixitup is a dependency-free DOM element animation library and grid layout engine. It serves as a client-side content filter and data-driven UI controller designed to manage the smooth visual transition of HTML elements during insertion, removal, and sorting operations. The system specializes in creating interactive gallery interfaces and dynamic content filtering. It allows for the reorganization of elements using custom attributes or random sequences, while synchronizing the arrangement and visibility of interface elements with an underlying data model. Beyond filtering and sorting, the li

Pow is a suite of specialized toolkits for SwiftUI that provides structured implementations for animations, particle systems, and multi-sensory user feedback. It includes a visual feedback framework, an animation library, and a dedicated particle system. The project provides a rendering context for particle effects that avoids clipping by parent view boundaries. It also includes a haptic and audio feedback kit designed to trigger physical vibrations and sound effects in response to state changes within a user interface. The library covers a range of interface enhancements, including 3D rotat

Muuri is a JavaScript grid layout library and draggable UI framework used to create responsive grids with drag-and-drop reordering, sorting, and animated filtering. It features a nested grid system that allows full grid instances to be embedded inside other grid items to create hierarchical structures. The library uses a web worker layout engine to offload heavy coordinate calculations to background threads, maintaining interface responsiveness during complex rearrangements. The system provides interactive capabilities for moving items between multiple containers, filtering visibility based

react-native-screens is a set of native navigation primitives and a cross-platform UI bridge that maps JavaScript interfaces to platform-specific screen management. It serves as a mobile screen transition engine and a native view hierarchy manager, bridging high-level navigation interfaces to native view hierarchies and transition engines. The project distinguishes itself by unifying navigation experiences across mobile, web, television, and spatial computing devices. It utilizes platform-specific navigation primitives to ensure screen transitions and presentation styles align with native sys

This project is a collection of reference implementations and experimental user interface components. It serves as a gallery of examples demonstrating advanced animations, custom graphic rendering, and non-standard interaction techniques. The repository provides showcases for high-fidelity motion, including 3D transformations, image sequence animations, and fluid page transitions. It includes a library of graphic experiments that use canvas drawing and vector paths to render particle systems and data visualizations. The implementation surface covers a range of advanced UI capabilities, such

This repository is a collection of reference implementations and galleries demonstrating best practices for the Android View system. It provides a set of practical examples for building user interfaces, including a component gallery and implementation guides for layouts, list performance, and motion design. The project distinguishes itself through detailed samples for coordinating layout animations and transition effects. It includes specialized demonstrations for complex motion animations using keyframes and interpolation, as well as a visualization tool for animation interpolation curves to

Onboard is an iOS onboarding framework designed for creating guided welcome screen sequences and tutorial flows. It provides a page transition engine to manage navigation and animations between sequential screens containing images, text, and action buttons. The framework includes a SwiftUI UI library with customizable layout components and styles. It features a system for animating content and managing the navigation flow, which allows for the implementation of smooth transitions and fade effects between instructional screens. The project covers background management with support for static

This is a responsive navigation JavaScript library used to create mobile-friendly menus with screen size detection and touch support. It functions as an accessible navigation menu and a client-side layout switcher that transitions between mobile and desktop views without external dependencies. The project serves as a menu animation tool that enables smooth CSS transitions and height-based animations when toggling navigation overlays. It utilizes native browser APIs to manage interface states and ensure the navigation remains functional for screen readers and users without JavaScript. The lib