Add animated icons to your project in minutes. Pick your format and platform — each guide includes copy-paste code snippets.
Lottie
All Lottie guides →Integrate Lottie animated icons into your React application using lottie-react or lottie-web.
Drop Lottie icons into any HTML page with a single script tag — no build tools required.
Add smooth animated icons to Vue 3 or Nuxt projects with the Lottie player component.
Render Lottie animations natively on Android using the official Lottie library for Kotlin.
Display Lottie animations in Swift or Objective-C apps using the Lottie iOS SDK.
Render Lottie animated icons in Flutter using the lottie package and AnimationController.
Embed interactive Rive animations in React with state machine support and runtime customisation.
Load Rive files directly in any webpage with the Rive Web runtime — no framework needed.
Use Rive's Vue integration to add interactive animated icons to your Vue or Nuxt app.
Integrate Rive animations into Android apps with the official Rive Android runtime.
Embed Rive animations in iOS apps using the Rive Swift runtime with SwiftUI support.
Add interactive Rive animated icons to Flutter apps with state machine support using the Rive Flutter runtime.