dotLottie Players
High-performance Lottie players for web, mobile, and desktop platforms
Key Features Across All Players
- ✓
Consistent Rendering - Powered by ThorVG for identical output everywhere
- ✓
Full Format Support - Both Lottie JSON and .lottie formats
- ✓
Advanced Features - State machines, theming, multi-animation support
- ✓
Hardware Acceleration - GPU-optimized for smooth 60fps animations
- ✓
Production Ready - Used by thousands of apps in production
- ✓
Open Source - MIT licensed, community-driven development
Distributions
React
Official React component for dotLottie animations with hooks support and TypeScript types.
JavaScript
Vanilla JavaScript player for framework-agnostic integration in any web project.
Vue
Native Vue component with Composition API support for reactive animation control.
Svelte
Lightweight Svelte component with full reactivity and minimal bundle size.
Web Component
Standard Web Component for use in any framework or vanilla HTML/CSS/JS.
React Native
Cross-platform component for iOS and Android React Native applications.
Flutter
Cross-platform component for iOS, Android and Web Flutter applications.
Android
Native Android library with Kotlin support for high-performance mobile animations.
iOS
Native iOS framework with Swift support for seamless integration in Apple apps.
Player Comparison
Need help choosing?
All players share the same core features. Choose based on your framework/platform, not feature set.
Web Players
| Feature | React | Vue | Svelte | JavaScript | Web Component |
| Bundle Size (min+gzip) | 45KB | 42KB | 38KB | 35KB | 37KB |
| Framework Integration | ✓ | ✓ | ✓ | N/A | Universal |
| TypeScript Support | ✓ | ✓ | ✓ | ✓ | ✓ |
| State Machines | ✓ | ✓ | ✓ | ✓ | ✓ |
| Dynamic Theming | ✓ | ✓ | ✓ | ✓ | ✓ |
| Web Worker Support | ✓ | ✓ | ✓ | ✓ | ✓ |
| SSR Compatible | ✓ | ✓ | ✓ | ✓ | ⚠️ |
Mobile Players
| Feature | React Native | iOS | Android | Flutter |
| Native Performance | ✓ | ✓ | ✓ | ✓ |
| State Machines | ✓ | ✓ | ✓ | ✓ |
| Dynamic Theming | ✓ | ✓ | ✓ | ✓ |
| Multi-Animation | ✓ | ✓ | ✓ | ✓ |
| Gesture Support | ✓ | ✓ | ✓ | ✓ |
⚠️ = Requires client-side hydration