React Native Gesture Handler is a declarative library that exposes the platform's native touch and gesture system to React Native, enabling smooth, deterministic gesture handling on the UI thread. It manages gesture recognition through a native state machine with defined transitions between states like BEGAN, ACTIVE, END, and CANCELLED, routing touch events through platform-native gesture recognizers on both iOS and Android. The library provides a comprehensive gesture composition framework that allows developers to combine multiple gestures into race, simultaneous, or exclusive sequences, co
Moti is a cross-platform animation framework and state-driven animation engine designed to create consistent visual transitions and motion effects across mobile and web platforms. It functions as a native-thread animation wrapper and library that leverages a shared-value system to synchronize state changes between the logic layer and the native rendering engine. The framework distinguishes itself through its layout transition tools and the ability to execute complex sequences and loops on the native thread to maintain high frame rates. It provides a system for orchestrating smooth entry and e
react-spring is a declarative animation framework for React that drives visual transitions through state-driven declarations. It functions as a motion engine where animations are defined as target values pursued by a physics engine based on application state. The library utilizes a spring physics engine to calculate natural movements by simulating mass, tension, and friction instead of relying on fixed durations. To maintain high frame rates, it updates DOM elements directly via references to bypass the standard React render cycle. The framework covers physics-based motion and state-driven t
react-native-interactable is a gesture physics library and interaction framework for React Native. It provides an animated gesture engine and a physics-based UI toolkit designed to create complex touch-based components such as swipeable rows and draggable cards. The project distinguishes itself through the simulation of physical properties, including spring tension, surface friction, and gravitational forces. It allows for the creation of gravity wells that attract or repel views and integrates simulated springs to pull elements toward specific coordinates with adjustable damping. The framew
Animated is a declarative framework designed for creating high-performance, cross-platform interface movements. It provides a system for defining complex UI transitions through property interpolation, value mapping, and physics-based motion, allowing developers to orchestrate fluid visual effects without manual frame updates.
The main features of animatedjs/animated are: React Animation Workflows, Interactive Gesture-Driven Animations, Native Animation Drivers, Interpolation Mappings, Animated Gesture Event Mappings, Multi-Value Interpolators, Physics-Based Animations, Animation Frameworks.
Open-source alternatives to animatedjs/animated include: software-mansion/react-native-gesture-handler — React Native Gesture Handler is a declarative library that exposes the platform's native touch and gesture system to… nandorojo/moti — Moti is a cross-platform animation framework and state-driven animation engine designed to create consistent visual… react-spring/react-spring — react-spring is a declarative animation framework for React that drives visual transitions through state-driven… wix/react-native-interactable — react-native-interactable is a gesture physics library and interaction framework for React Native. It provides an… motiondivision/motion — Motion is a high-performance animation library that provides a unified, declarative architecture for managing visual… software-mansion/react-native-reanimated — This project is a cross-platform animation library for React Native that provides a declarative engine for building…