Distributions

dotLottie players are available for every major platform. Each distribution shares the same core capabilities — playback control, theming, slots, and state machines — and follows the same documentation structure.

Web

Player	Package	Use when
JavaScript	`@lottiefiles/dotlottie-web`	Vanilla JS, no framework
React	`@lottiefiles/dotlottie-react`	React applications
Vue	`@lottiefiles/dotlottie-vue`	Vue 3 applications
Svelte	`@lottiefiles/dotlottie-svelte`	Svelte / SvelteKit applications
Web Component	`@lottiefiles/dotlottie-web`	Any HTML page, no build step required

Mobile & Desktop

Player	Package	Use when
Android	via Gradle / Maven Central	Native Android (Jetpack Compose or XML)
iOS	via Swift Package Manager	Native iOS / macOS (SwiftUI or UIKit)
Flutter	`dotlottie_flutter`	Cross-platform Flutter apps
React Native	`@lottiefiles/dotlottie-react-native`	Cross-platform React Native apps

Documentation structure

Each distribution organises its pages using the Diataxis framework:

Tutorials — Step-by-step installation and first-animation walkthrough
How-to Guides — Task-oriented instructions for specific goals
Explanation — Conceptual background (state machines, core concepts)
Reference — Complete API, props, and attributes documentation