Gradient blob animation
Abstract background
Photo animation
Floral animations
Single line animation
Technical drawing
Plexus sphere
Conversation animation
Various people
Mustache man animation set
Morph icon animation set
Animated letter set
Number animation set
Curated tools, documentation, and runtimes to create, edit, preview, and integrate Lottie and Rive animations.
Discover, upload, test, optimize, and share Lottie animations in one place.
Edit and create Lottie animations from scratch with this simple, and powerful online editor.
Preview Lottie JSON and dotLottie files instantly in this free online browser tool.
Upload Lottie JSON, reduce file size, remove optional metadata, and download optimized animation JSON.
Convert your Lottie .JSON animation to MP4.
Export After Effects animations into Lottie JSON format (the classic Lottie workflow).
Unified documentation covering the Lottie format and the main platform players.
The most widely used web renderer for Lottie JSON (SVG/canvas renderers).
Drop-in web component to embed and control Lottie animations with simple HTML.
Learn the .lottie container format (bundles animations + assets + theming data).
Convert Lottie JSON .json to dotLottie .lottie to optmize file size and keep animations fast and lightweight.
Add scroll/cursor-driven interactions to Lottie animations on the web.
Deep-dive into interactive Lottie workflows and portability tradeoffs.
A directory of official/community Lottie players across platforms and frameworks.
End-to-end platform for interactive vector animations that ship anywhere.
Create animations, rig controls, and build interactive behavior directly in the editor.
Free in-browser .riv viewer · View Model Instance & data binding inspector.
Free online Rive tools for preview, state machines, and runtime handoff.
Official docs for editor concepts, workflows, and runtime integrations.
Official overview of Rive runtimes (web, mobile, engines) + runtime docs entry points.
Get started with Rive on the web (canvas/WASM options, APIs, and examples).
React component + hooks for controlling Rive animations with inputs and events.
Render and control Rive animations in Flutter apps with first-class runtime support.
Learn how Rive state machines connect animations and drive interactive logic.
Runtime guide to play and control state machines across platforms.
How to load .riv files and manage assets for reliable runtime playback.
Community support, showcase, tips, and peer help for editor + runtime questions.
Quick overview of what makes Rive different: logic, pipeline, runtimes, renderer, etc.
