30 open-source projects similar to kelvinjin/animatedcollectionviewlayout, ranked by shared indexed features. Tags may describe platforms or build tools rather than the same primary purpose. Check each project’s use case, license, and deployment requirements before treating it as a replacement.
Material-Animations is a Java-based library for coordinating activity transitions, property animations, and reveal effects within Android mobile user interfaces. It provides a framework for automating visual updates whenever view properties or layout configurations are modified. The project implements high-level patterns for shared element transitions, linking independent views across different sections to simulate a single moving element. It also includes circular reveal masking to unveil content from a specific focal point and coordinate-based view mapping to execute translation and scaling
CSStickyHeaderFlowLayout is a specialized layout wrapper for UICollectionView on iOS. It provides a sticky header list component where section headers remain pinned to the top of the screen during scrolling. The project implements parallax header effects, allowing background images to move at a different speed than foreground content to create depth. It also includes animated header images that expand or collapse based on the user's scroll position. The layout manages coordinate-based view repositioning and dynamic frame calculations to handle visual transitions. It utilizes offset-based scr
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
AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy
VCTransitionsLibrary is a suite of tools providing pre-built visual effects and gesture-driven controllers for managing transitions between view controllers in iOS applications. It serves as a UIKit animation framework that implements custom animations for navigating between screens to improve visual flow. The library features a collection of pre-defined animations, including flip, fold, cube, and crossfade effects. It includes an interactive transition controller that links gesture recognizers, such as swipes and pinches, to animations, allowing users to manually drive or cancel the navigati
ViewAnimator is a Swift animation library and view transition framework designed to coordinate visual motion effects across interface elements. It provides a motion engine that executes animation sequences and geometric transforms on individual views and layout cells. The framework is built around a standardized animation protocol, allowing developers to create and integrate custom movement and transition behaviors. This extensibility enables the creation of reusable animation libraries beyond the pre-defined effects. The system supports combining multiple visual transforms into single compo
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
CollectionKit is a framework for building high-performance scrollable grids and lists on Apple platforms. It provides engines for declarative state synchronization, dynamic grid rendering, and multi-section data composition within collection views. The framework features a declarative synchronizer that calculates data differences to update interface elements without reloading the entire view. It includes a dynamic grid layout engine for rendering data in flow or waterfall patterns, and a data composer that combines different data sources into a single view with independent section providers.
CSStickyHeaderFlowLayout is a custom layout subclass for iOS collection views designed to implement sticky section headers and parallax effects. It manages the positioning of headers to ensure they remain pinned to the top of the viewport as the user scrolls through a list. The layout utilizes push-based displacement to remove a pinned header once the subsequent section header reaches the top of the screen. It also incorporates linear interpolation to move header imagery at a different rate than the scroll offset, creating a visual sense of depth. These capabilities are achieved through dyna
MessageKit is an iOS chat UI framework that provides a scrollable conversation interface built on UICollectionView, enabling developers to render text, images, videos, locations, emoji, audio, and contact messages within message bubbles. The framework is designed around a pre-built MessagesViewController that can be subclassed to inherit the full chat layout, input bar, and message display without writing UI from scratch, and it uses a data source protocol for message retrieval along with delegate callbacks for user interactions. The framework distinguishes itself through a highly customizabl
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
stroll.js is a frontend UI animation library designed to transform standard web lists into three-dimensional scrolling displays. It functions as a tool for creating depth-based perspectives using CSS3 transforms. The library specializes in 3D web animations and interactive list design. It implements visual effects that respond to user movement, adding spatial depth and perspective to list elements as they are navigated.
CHTCollectionViewWaterfallLayout is a custom layout for iOS collection views designed to organize items of varying heights into a masonry-style grid. It enables the display of dynamic content in multiple columns to optimize screen space and visual flow. The layout allows for specific configuration of column counts and item population directions, including left-to-right, right-to-left, and shortest-column-first rendering patterns. This approach minimizes vertical gaps by placing items into the column with the lowest current height. The system also manages section-level accessories, integratin
ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large datasets. It functions as a customizable data grid that supports sorting, pagination, and the use of custom Angular templates for styling data cells. The component is distinguished by its high-performance virtual scrolling grid, which renders only visible rows to optimize memory and CPU usage. It provides an interactive interface for managing data through row selection, column reordering, and expandable detail views. The project covers a broad set of capabilities including colum
Infinite-ajax-scroll is a JavaScript library that automatically appends subsequent pages of content as users scroll down a webpage, turning standard pagination into infinite scrolling. It transforms traditional multi-page website pagination into continuous loading flows by fetching and inserting next-page items directly into active container elements. The library includes a pagination parser that extracts next-page anchor links and container structures directly from existing static markup without requiring backend changes. It monitors scroll positions relative to document boundaries to automa
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
Cartography is a declarative layout engine and constraint management framework for Swift. It provides a domain-specific language to define, group, and prioritize user interface layout rules, abstracting the process of positioning and aligning visual components. The framework distinguishes itself through a fluent API and the use of overloaded operators to define relationships between view attributes. It enables the bundling of multiple layout rules into single units, allowing for the dynamic swapping of constraint groups at runtime to transition views between different positional states. The
DiscreteScrollView is a UI component and animation library for React Native designed to create centered scroll views and infinite scroll lists. It provides a mechanism to keep the active selection centered within the viewport while maintaining the visibility of adjacent items. The library enables the implementation of infinite carousels by looping through data sets without boundaries. It allows for the application of visual transformations to items based on their real-time scroll position relative to the center of the view. The toolset includes capabilities for monitoring selection states an
Masonry is a declarative UI layout engine and domain-specific language for defining layout constraints on iOS and macOS. It serves as a wrapper for native Apple layout constraints, providing a system for positioning views on a screen by declaring rules and priorities. The library implements a fluent interface that uses chainable method calls to define complex screen layouts. This approach replaces native configuration calls with an expressive syntax for generating layout rules. The engine includes capabilities for managing constraint priorities to resolve layout conflicts and tools for updat
Motion is a high-performance animation library that provides a unified, declarative architecture for managing visual transitions and motion states across web interfaces. By utilizing a lightweight engine, it allows developers to define complex animations through component properties rather than manual DOM manipulation, ensuring consistent behavior across various component-based frameworks and vanilla JavaScript environments. The library distinguishes itself through a sophisticated physics-based motion engine that simulates natural movement using mass, damping, and stiffness parameters. It inc
Motion-vue is a declarative animation library for Vue that provides a framework for building fluid, high-performance user interface motion. It enables developers to define complex animation states and transitions using code-based variants and spring-driven physics, ensuring that visual updates remain synchronized with component lifecycles and application state. The library distinguishes itself through a layout projection engine that tracks element coordinates to animate transitions between layout states, and a gesture-driven input pipeline that maps pointer and scroll interactions to animatio
LayoutManagerGroup is a library of custom layout managers for Android RecyclerViews. It serves as a custom list layout engine and a set of UI components designed to control how items are positioned and scrolled within a mobile interface. The project provides a mechanism for defining non-standard item placements and scrolling behaviors. It allows for the creation of specialized grid and list arrangements that deviate from standard layouts to achieve specific visual configurations. The engine handles the spatial positioning of items through coordinate-based placement and orientation-aware logi
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.
Material-motion-swift is a Swift animation toolkit and gesture interaction library for building responsive motion, physics-based interface transitions, and direct multitouch manipulation on mobile devices. The framework executes continuous view transitions, asymmetric transformations, and outward masks following standard design guidelines. The library constructs reactive animation networks by binding input streams to layer properties through explicit relationships, while delegating rendering and interpolation to underlying graphics hardware. It translates live touch coordinates into direct m
This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab
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
Neon is a Swift programmatic UI layout framework that orchestrates interface elements through a relative positioning engine. It calculates view sizes and positions at runtime to create responsive user interfaces without using constraints, springs, struts, or visual format language. The system organizes elements into stacks and groups using a coordinate-based orchestrator that resolves alignment rules between sibling and parent components. It utilizes a rule-based coordinate mapping approach to translate high-level alignment descriptors into absolute screen coordinates. The framework provides
PanModal is an iOS UI library used to create draggable bottom sheet modals that slide up from the bottom of the screen. It provides a programmatic interface for managing the layout, height, and state of these overlay panels, allowing content to be presented over a main view without navigating away from the current screen. The library includes a pan gesture coordinator that synchronizes touch movements between the draggable container and internal scrollable content. This ensures that sliding the modal and scrolling within its content do not conflict. The framework covers custom presentation l
react-fns is a suite of declarative components and utilities designed to wrap imperative browser APIs for use in React applications. It provides a set of components and higher-order components that integrate browser environment data, device sensors, network status, and native application launchers into a reactive user interface. The library enables declarative access to hardware sensors for tracking accelerometer, gyroscope, and orientation data in real time. It also includes native app launchers that trigger the default system mail and SMS applications using pre-filled links. Additional cap
IQKeyboardManager is an iOS keyboard management library and UI layout utility. It automatically adjusts screen layouts to prevent the software keyboard from covering text input fields. The project provides a customizable keyboard toolbar component with navigation buttons and action triggers. It enables focus management, allowing users to move between text fields via the return key or toolbar controls. The library covers keyboard layout coordination, including touch-based dismissal and offset configuration. It also includes a system for managing keyboard behaviors and appearance on a per-clas