Quick Start
Quickly integrate Lottie and dotLottie animations. Find the right dotLottie Player for your web or mobile platform and get started.
Quick Start Guide
Welcome to dotLottie Player! This guide helps you quickly find the right starting point for integrating high-performance Lottie and dotLottie animations into your project, no matter your platform or framework.
What is dotLottie Player?
dotLottie Player is a suite of libraries designed to play .lottie (the optimized format for Lottie) and standard .json Lottie files. Powered by a core engine written in Rust (dotlottie-rs↗), it ensures consistent, efficient animation playback across various environments.
Learn More: What is dotLottie Player?
Choose Your Platform / Framework
To get started, select the player that matches your development environment:
Web Development:
Core Web Player (
@lottiefiles/dotlottie-web):The foundational JavaScript library for any web project.
React (
@lottiefiles/dotlottie-react):A dedicated component for React applications.
Vue (
@lottiefiles/dotlottie-vue):A component tailored for Vue.js projects.
Svelte (
@lottiefiles/dotlottie-svelte):A component for Svelte applications.
Web Component (
@lottiefiles/dotlottie-web):A framework-agnostic
<dotlottie-player>element.
Mobile Development:
React Native (
@lottiefiles/dotlottie-react-native):A cross-platform component for React Native apps (iOS & Android).
iOS (Native Swift):
Native player for iOS and macOS development.
Android (Native Kotlin):
Native player for Android development (Jetpack Compose & XML).
Next Steps
Once you've chosen your player and followed its specific "Getting Started" guide, you can explore:
Features & Capabilities: Discover what you can do (theming, interactivity, etc.).
Best Practices & Troubleshooting: Learn how to optimize usage and solve common issues.
Platform-Specific Docs: Dive deeper into the documentation for your chosen player via the sidebar navigation.