airbnb/lottie

Features

• Animation Schemas - Defines animation data as a portable JSON format that maps After Effects properties to a cross-platform specification.
• After Effects Renderers - Translates Adobe After Effects compositions into real-time animations using a JSON-based intermediate representation.
• Animation Schema Parsers - Parses animations exported as JSON and renders them natively to maintain design fidelity.
• Vector Graphics Renderers - Provides a high-performance engine for rendering resolution-independent vector animations across multiple platforms using JSON data.
• Dynamic Vector Graphics - Enables programmatic modification of animation properties, colors, and playback states at runtime via key-paths.
• JSON Animation Rendering - Parses JSON files exported from After Effects to render resolution-independent vector animations natively.
• Lottie Players - Imports animation files from local assets, remote URIs, or JavaScript objects for rendering.
• Animation State Controllers - Provides utilities for programmatically reading and modifying the progress and easing of animations.
• Animation - Uses a JSON-based intermediate representation to decouple design tool compositions from cross-platform runtime playback.
• Key-Path Property Mapping - Navigates a hierarchical tree of animation layers to update specific visual attributes programmatically at runtime.
• Deterministic Seeking - Provides functionality to move the playhead to a specific absolute frame or timestamp.
• Frame Interpolation Engines - Calculates intermediate property values between keyframes to ensure smooth motion across various refresh rates.
• Runtime Property Modifiers - Provides tools for updating animation visual attributes in real time during active playback.
• Animation Playback Controls - Enables precise playback control using progress percentages, frame numbers, or named markers.
• Cross-Platform Animation Players - Renders resolution-independent animations from JSON files across web, mobile, and desktop platforms.
• Cross-Platform Native Renderers - Translates a common animation model into native drawing primitives using the graphics APIs of different operating systems.
• Animation - Stores parsed animation models in a temporary cache to prevent redundant processing and reduce memory overhead.
• Multimodal Asset Caches - Provides custom image providers and caches deserialized models to improve runtime performance.
• Animation Event Triggers - Lottie executes custom logic when specific milestones occur, such as loop completion or frame entry.
• Animation Expression Evaluators - Processes a subset of design tool expressions to drive property behavior dynamically.
• Animation Model Caching - Implements model caching to eliminate redundant JSON parsing and optimize playback performance.
• Animation Model Loading - Supports importing animation models from local bundles, absolute filepaths, or remote URLs.
• Hardware-Accelerated Engines - Leverages GPU acceleration and native APIs to maintain high frame rates for complex vector animations.
• Playback Event Hooks - Tracks animation progress and state changes via callbacks to trigger logic during playback.
• Bézier Curve Interpolations - Computes smooth transitions between vector shapes using cubic Bezier curve interpolation.
• Dynamic Color Filters - Implements real-time application of color filters to specific layers of vector animations for accessibility and theming.
• Fill and Stroke Styles - Applies colors, gradients, and patterns to define the interior and boundaries of vector shapes.
• Hardware-Accelerated Rendering - Offloads the composition of visual animation layers to the graphics processor for improved performance.
• Animation Layer Compositing - Offloads the rendering of individual animation layers to the GPU to maintain high frame rates.
• High-Performance Rendering - Utilizes hardware acceleration and model caching to render complex vector animations smoothly on low-power devices.
• Multi-Format Asset Imports - Loads animation data from JSON files, zip archives, network URLs, or raw input streams.
• Playback Output Adjustments - Enables real-time adjustment of playback speed, looping behavior, and playhead position.
• Primitive Shape Generation - Algorithmic creation of basic geometric shapes like ellipses, polygons, and stars.
• Vector Format Conversions - Transforms Illustrator, EPS, SVG, or PDF assets into shape layers for runtime compatibility.
• Vector Path Modifiers - Trims or transforms collections of paths using percentages or rules to create dynamic visual effects.
• Asynchronous Asset Loading - Retrieves images and external dependencies asynchronously to prevent blocking the main UI thread.
• Configurable Animation Loops - Supports repeating animations in full or restricting playback to specific frame ranges and markers.
• Morphing Shape Animations - Implements seamless transitions between distinct shapes through morphing shape animations.
• Interactive Motion Drivers - Allows animation playback and properties to be driven by real-time user gestures and scroll positions.
• Interactive Playback - Supports interactive triggers such as buttons and switches to execute specific animation ranges.
• Dynamic Theming - Modifies animation colors, opacity, and properties at runtime to match application themes or accessibility requirements.
• Input-to-Playback Mappings - Links animation frames directly to external user gestures or scroll positions for manual playback control.
• Animation Layer Coloring - Enables changing the colors of specific animation layers using keypaths and hex filters.
• Runtime Property Injection - Allows applying visual properties like colors and positions to components at runtime via key-paths.

Star history