Open-source alternatives to Lottie React Native

react-native-skia is a cross-platform graphics framework that provides a high-performance 2D graphics engine for rendering shapes, paths, and images. It functions as a vector graphics engine and UI animation toolkit, allowing for hardware-accelerated visuals across mobile and web platforms. The project is distinguished by its integration of the Skia 2D graphics library, enabling a shader and filter pipeline for complex pixel-level effects. It supports the rendering of Lottie animations exported from After Effects and the execution of animations directly on the UI thread to maintain fluid moti

tween.js is a JavaScript animation engine and numeric interpolation library. It is designed to calculate intermediate values between a start and end state over time, using easing functions to create smooth transitions for numeric values and object properties. The project functions as both an animation sequence manager and an easing library, allowing for the coordination of concurrent animation groups and the chaining of multiple transitions. It provides tools for managing the rate of change through acceleration and deceleration functions. The library covers a broad range of motion capabiliti

The official rendering library for PAG (Portable Animated Graphics) files that renders After Effects animations natively across multiple platforms.

Floem is a native desktop UI framework and cross-platform toolkit for building high-performance user interfaces. It functions as a reactive UI library that uses a signal-based state management system to automatically synchronize the interface with data changes via lightweight observable primitives. The framework utilizes a GPU-accelerated rendering engine to ensure visual consistency and high performance across different desktop operating systems. It features a layout engine based on flexible box and grid models to create responsive screens that adapt to various window sizes. The toolkit cov

Lottie-android is a native vector animation engine and library for Android that parses JSON specification files into high-fidelity animations. It functions as a JSON animation parser and renderer, translating After Effects exported data into native draw calls to maintain design fidelity on mobile devices. The library supports dynamic user interface control by allowing the modification of animation properties, such as colors, text, and shape attributes, during runtime playback. It also integrates with system-level accessibility settings to adjust playback and visibility in accordance with redu

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

Motionity is a browser-based motion graphics editor and video compositor. It provides a visual timeline for creating animated videos and compositions using a layer-based system and keyframe animation tools. The project features a dedicated Lottie animation renderer, allowing users to import and render vector-based files for scalable motion graphics. It includes specialized tools for keyframe animation, using easing functions to control object movement and property transitions. The platform covers a broad range of production capabilities, including digital asset composition, video clip editin

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

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

Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes. The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Nat

Expo is a universal mobile framework designed to build native iOS and Android applications from a single codebase using web-standard technologies. It provides a comprehensive development environment that includes a unified runtime for testing, cloud-based infrastructure for compiling and signing native binaries, and automated tools for managing the entire mobile release lifecycle, including app store submission. The framework distinguishes itself through a plugin-based native configuration engine that programmatically modifies project files, allowing developers to integrate native modules wit

This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties, SVG attributes, and DOM elements. It provides a comprehensive set of tools for creating complex, multi-part motion sequences by synchronizing animations, timers, and callbacks into a single, unified timeline. The library distinguishes itself through a robust timeline-based sequence orchestrator that allows for precise timing, label-based control, and hierarchical nesting of animations. It also features a physics-driven interaction library that enables draggable elements with c

This project is a cross-platform animation engine and vector animation player designed to render complex motion graphics within web browsers. It functions as a declarative motion framework, allowing developers to decouple visual design from application logic by using structured data files to define sophisticated animations. The library distinguishes itself by offering multiple rendering paths, including native support for vector graphics through the browser document object model and raster-based drawing via canvas elements. It utilizes a dedicated property interpolation engine to calculate ke

This project is a technical guide and implementation library for advanced visual effects and hardware-accelerated animations using the Core Animation framework on iOS. It provides a comprehensive reference for creating high-performance motion graphics, custom graphic rendering, and the construction of 3D engines using perspective transforms and Z-axis manipulation. The collection distinguishes itself through a deep focus on GPU rendering optimization and graphics performance. It covers advanced strategies to maintain high frame rates, such as reducing offscreen rendering via shadow path optim

tsparticles is a JavaScript particle animation library and configuration-driven visual effects engine used to create customizable effects, confetti, and interactive backgrounds using HTML5 Canvas. It functions as a plugin-based graphics engine and a web component animation engine, allowing for the generation of complex behaviors and themes through structured JSON configuration objects. The project provides a cross-framework animation wrapper with dedicated compatible components for integrating effects into React, Vue, Angular, and Svelte. Its modular architecture allows users to extend the en

Incubator-weex is a cross-platform mobile framework used to build user interfaces that run across different operating systems from a single codebase. It functions as a native UI renderer and a JavaScript native UI bridge, sending serialized UI descriptions from a JavaScript engine to native mobile components. The project includes a cross-platform UI bundler and build tool to compile source code into optimized bundles for native renderers. It also provides a UI previewer and prototyping toolset that allows for testing mobile interface pages within web browsers and on physical devices. The fra

This project is a cross-platform mobile filesystem API that provides a native bridge for reading, writing, and organizing files and directories on iOS and Android devices. It serves as a native-module wrapper that maps JavaScript calls to native Java and Objective-C filesystem operations using asynchronous promises. The library includes a dedicated toolset for remote file transfers, enabling the downloading of files from URLs and the uploading of local content to remote servers with real-time progress tracking. It also provides a native device storage interface to access bundled application a

JsBridge is a bidirectional communication layer for Android that synchronizes data and triggers actions between a native Java application and an embedded web view. It serves as an interface for calling Java methods from JavaScript and executing JavaScript functions from native Android code. The project features an asynchronous bridge queue that stores pending function calls in a readiness buffer, ensuring requests are executed only after the connection between the native and web environments is stable. It utilizes callback identifier mapping to route asynchronous native responses back to the

This project is a cross-platform mobile media picker that provides a native interface for selecting images and videos from a device gallery or capturing them via the camera. It acts as a bridge for mobile camera integration and a native gallery selector to import visual assets into a JavaScript environment. The library covers media library access and the handling of user content uploads by allowing users to provide image or video files from their device. This includes the ability to launch the device camera for photos and videos as well as selecting multiple media files from the local library

React Native AsyncStorage is a persistent key-value storage library designed for React Native applications. It provides a unified local storage interface that works identically on both iOS and Android, ensuring saved data remains available across app restarts and when the device has no network connectivity. The library uses an asynchronous background I/O queue to handle all storage operations without blocking the JavaScript thread, communicating with native storage engines through React Native's bridge protocol. It includes a serialization layer that converts JavaScript values to strings for

DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a high-performance toolkit for building interactive desktop applications by leveraging native hardware-accelerated rendering backends across multiple operating systems. By utilizing an immediate-mode execution model, the library offers direct control over the rendering loop and element state, enabling the creation of responsive, dynamic interfaces. The framework distinguishes itself through its ability to handle complex, high-frequency visual updates, making it suitable for real-time data

This project is a cross-platform animation library for React Native that provides a declarative engine for building high-performance user interfaces. It functions by offloading animation logic and interaction processing to the native UI thread, ensuring that visual transitions remain smooth and responsive even when the main application thread is under heavy load. The library distinguishes itself through a specialized architecture that transforms standard functions into units capable of executing directly on the native thread. It utilizes shared-memory synchronization to maintain consistent da

Graphite is a node-based visual design environment that integrates vector illustration, raster image processing, and motion graphics generation into a single platform. It utilizes a functional reactive pipeline and a data-flow execution model to propagate state changes through a graph of interconnected nodes, allowing users to construct complex, automated design workflows. The platform distinguishes itself through a context-aware evaluation engine that injects runtime metadata—such as coordinate data and loop indices—directly into the node graph. This enables the creation of procedural geomet

React-spring is a physics-based animation library designed to create fluid, natural motion for user interface elements and three-dimensional objects. It functions as a declarative motion framework that maps state changes to animated property values, utilizing spring physics—defined by mass, tension, and friction—rather than traditional time-based easing functions to calculate transitions. The library distinguishes itself through a rendering-agnostic architecture that decouples animation logic from specific UI frameworks, allowing for consistent application across web interfaces, 3D scenes, an

NativeScript is a cross-platform mobile development framework that enables the creation of native iOS and Android applications using JavaScript or TypeScript. It provides a direct bridge to native platform APIs, allowing developers to invoke native classes, methods, and properties directly from script code while maintaining full access to underlying mobile operating system features. The framework distinguishes itself through its direct native UI rendering, which maps declarative markup components to actual platform-native widgets rather than web-based views. This architecture is supported by

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

Azul is a native desktop application builder and UI toolkit for creating high-performance graphical user interfaces. It utilizes a functional and reactive programming model for managing layout and state, enabling the development of native software through a CSS-based toolkit. The framework is distinguished by its use of the WebRender engine to provide GPU-accelerated rendering. This allows the system to display complex user interface elements with high efficiency and speed by leveraging hardware acceleration. The project enables the design of desktop interfaces using a document object model