# Lottie Player Component

{% hint style="info" %}
The Lottie Player Component allows us to use Lottie Files animations in Flows.&#x20;

&#x20;A Lottie is **a JSON-based animation file format** that you can use on any platform as easily as static assets. They are small files that work on any device and can scale up or down without pixelation.
{% endhint %}

### Step 1: Create the Lottie Player Component

* Create a new component with the Lottie Player type

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaGcfSakhqdHaWyb0T_%2F-MlVVe9N5Hb4tm02b5L3%2F-MlVWN26xYswTJkQrfNS%2Flottie%20player.png?alt=media\&token=86f5e3da-8b3b-4f70-80d6-cd0d69240851)

### Step 2: Selecting the animation

* Go to the Lottie File chosen and copy the Lottie Animation URL&#x20;

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaGcfSakhqdHaWyb0T_%2F-MhQNEvCAaBHDM1w-dtN%2F-MhQPG1NprrP5ldkpvyq%2Fimage.png?alt=media\&token=6af9866c-81ad-48f0-8cc1-ace7c79dcd8b)

### Step 3: Settings for the component

* In the **`Content`** tab select the settings for the component and paste the **`Lottie Animation URL`** into the **`Source`** input.

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaGcfSakhqdHaWyb0T_%2F-MhQNEvCAaBHDM1w-dtN%2F-MhQPts9nPSI_7w7c2s6%2Fimage.png?alt=media\&token=562f7976-92d8-47c1-9501-b5c32a82d5ba)
