# 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↗](https://github.com/LottieFiles/dotlottie-rs)), it ensures consistent, efficient animation playback across various environments.

[Learn More: What is dotLottie Player?](/en/runtimes/overview/what-is-dotlottie)

## 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.
  - [Get Started with Web Player](/en/runtimes/distributions/js/v0.x/getting-started/installation)
- **React (`@lottiefiles/dotlottie-react`):**
  - A dedicated component for React applications.
  - [Get Started with React Player](/en/runtimes/distributions/react/v0.x)
- **Vue (`@lottiefiles/dotlottie-vue`):**
  - A component tailored for Vue.js projects.
  - [Get Started with Vue Player](/en/runtimes/distributions/vue/v0.x)
- **Svelte (`@lottiefiles/dotlottie-svelte`):**
  - A component for Svelte applications.
  - [Get Started with Svelte Player](/en/runtimes/distributions/svelte/v0.x)
- **Web Component (`@lottiefiles/dotlottie-wc`):**
  - A framework-agnostic `<dotlottie-wc>` element.
  - [Get Started with Web Component](/en/runtimes/distributions/web-component/v0.x)

**Mobile Development:**

- **React Native (`@lottiefiles/dotlottie-react-native`):**
  - A cross-platform component for React Native apps (iOS & Android).
  - [Get Started with React Native Player](/en/runtimes/distributions/react-native/v0.x/getting-started)
- **iOS (Native Swift):**
  - Native player for iOS and macOS development.
  - [Get Started with iOS Player](/en/runtimes/distributions/ios/v0.x/getting-started)
- **Android (Native Kotlin):**
  - Native player for Android development (Jetpack Compose & XML).
  - [Get Started with Android Player](/en/runtimes/distributions/android/v0.x/getting-started)

## Next Steps

Once you've chosen your player and followed its specific "Getting Started" guide, you can explore:

- **[Features & Capabilities](/en/runtimes/overview/features):** Discover what you can do (theming, state machines, etc.).
- **[Best Practices & Troubleshooting](/en/runtimes/best-practices):** 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.