awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
oblador avatar

oblador/react-native-animatable

0
View on GitHub↗
9,955 stars·697 forks·JavaScript·mit·25 views

React Native Animatable

This project is a cross-platform mobile animation library and component wrapper that enables movement and style transitions for mobile UI elements. It functions as a keyframe animation engine and a preset motion library, allowing developers to apply visual effects to components through a declarative API.

The library provides a set of built-in entrance, exit, and alert effects for rapid implementation. It also supports the definition of custom motion sequences and unique keyframes to create repeatable, branded visual experiences.

The system covers a range of motion capabilities, including the ability to interpolate style values using linear durations or spring physics. It supports looping animation cycles, manual triggers for interactive element feedback, and the conversion of standard components into animatable elements.

Features

  • React Native Libraries - Provides a specialized animation library that extends React Native with motion and transition capabilities.
  • Predefined Animation Effects - Ships built-in effects like bounces and fades to handle element entrances, exits, and alerts.
  • Component Transition Effects - Provides specific effects for the entry and exit lifecycles of mobile UI components to guide user attention.
  • Style Interpolators - Calculates smooth style transitions by mapping normalized time values to specific property states.
  • Imperative Animation Controllers - Provides programmatic interfaces to start and control animation sequences outside of declarative render cycles.
  • Keyframe Animation Engines - Implements a system for defining multi-step motion sequences using keyframe-based timing and value interpolation.
  • Custom Keyframe Sequences - Allows the definition and registration of unique keyframe sequences and style objects for custom animations.
  • Mobile Animation Libraries - Provides a comprehensive collection of pre-defined and custom animations for cross-platform mobile components.
  • Motion Libraries - Offers a library of built-in motion effects like entrance and exit transitions for rapid implementation.
  • Animation Presets - Provides a mapping of predefined animation names to specific keyframes and timing for rapid implementation.
  • Style Property Interpolators - Transitions style properties between values using linear durations or spring-based physics.
  • Animation Transition Components - Provides wrapper components that make standard UI elements compatible with the motion system.
  • Animation Loops - Enables motion sequences to loop indefinitely with alternating directions for continuous movement.
  • Spring Physics Configurations - Simulates realistic physical inertia using stiffness and damping parameters for movement.
  • Native Thread Animation Engines - Uses native drivers to offload animation sequences to the native UI thread for high-performance transitions.
  • Higher-Order Components - Implements a higher-order component pattern to inject animation logic and style controllers into standard components.
  • Interactive Animation Triggers - Links user interactions to programmatic animation sequences to provide immediate visual feedback.
  • Animation - Standard declarative animations and transitions.

Star history

Star history chart for oblador/react-native-animatableStar history chart for oblador/react-native-animatable

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does oblador/react-native-animatable do?

This project is a cross-platform mobile animation library and component wrapper that enables movement and style transitions for mobile UI elements. It functions as a keyframe animation engine and a preset motion library, allowing developers to apply visual effects to components through a declarative API.

What are the main features of oblador/react-native-animatable?

The main features of oblador/react-native-animatable are: React Native Libraries, Predefined Animation Effects, Component Transition Effects, Style Interpolators, Imperative Animation Controllers, Keyframe Animation Engines, Custom Keyframe Sequences, Mobile Animation Libraries.

What are some open-source alternatives to oblador/react-native-animatable?

Open-source alternatives to oblador/react-native-animatable include: airbnb/lottie-react-native — lottie-react-native is a React Native animation library and cross-platform vector animation engine used to render… xotahal/react-native-motion — React Native Motion is a cross-platform animation library designed for building fluid transitions and motion effects… kmagiera/react-native-reanimated — This project is a cross-platform mobile animation library and UI thread animation engine designed to create… beekai-oss/react-simple-animate — React-simple-animate is a declarative motion framework designed for building CSS keyframe animations and style… software-mansion/react-native-reanimated — This project is a cross-platform animation library for React Native that provides a declarative engine for building… ianlunn/hover — Hover is a collection of pre-defined CSS3 animations and reusable stylesheets for links, buttons, and images. It…

Open-source alternatives to React Native Animatable

Similar open-source projects, ranked by how many features they share with React Native Animatable.
  • airbnb/lottie-react-nativeairbnb avatar

    airbnb/lottie-react-native

    17,164View on GitHub↗

    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

    Kotlin
    View on GitHub↗17,164
  • xotahal/react-native-motionxotahal avatar

    xotahal/react-native-motion

    2,078View on GitHub↗

    React Native Motion is a cross-platform animation library designed for building fluid transitions and motion effects within mobile applications. It functions as a declarative engine that parses static configuration objects to orchestrate complex visual sequences and interface updates. The library distinguishes itself through a native-driven execution model that processes animation frames directly on the native UI thread, bypassing the JavaScript bridge to maintain performance. It provides specialized tools for shared element transitions, which track component geometry across navigation bounda

    JavaScriptanimationreact-nativeux
    View on GitHub↗2,078
  • kmagiera/react-native-reanimatedkmagiera avatar

    kmagiera/react-native-reanimated

    10,889View on GitHub↗

    This project is a cross-platform mobile animation library and UI thread animation engine designed to create high-performance animations by running JavaScript logic directly on the UI thread. It functions as a multi-threaded JavaScript runtime that allows code to execute across multiple threads to improve concurrency and prevent frame drops. The library focuses on enabling fluid user interface interactions and high-frame-rate transitions that remain stable regardless of the main processing load. It provides a system for offloading animation logic from the main thread to ensure smooth motion an

    TypeScript
    View on GitHub↗10,889
  • beekai-oss/react-simple-animatebeekai-oss avatar

    beekai-oss/react-simple-animate

    1,820View on GitHub↗

    React-simple-animate is a declarative motion framework designed for building CSS keyframe animations and style transitions within web interfaces. It functions as a utility for orchestrating complex, multi-step visual effects by defining style sequences, timing, and easing properties directly within component logic. The library distinguishes itself through its focus on sequencing and coordination, allowing developers to chain multiple animation instances or group them to execute in specific orders. By utilizing functional hooks and declarative properties, it manages animation lifecycles and st

    TypeScriptanimateanimate-cssanimation
    View on GitHub↗1,820
See all 30 alternatives to React Native Animatable→