Documentation

Integration guides

Add animated icons to your project in minutes. Pick your format and platform below — each guide includes copy-paste code snippets.

Lottie

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.

Rive

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.