# Lottie Sprite

The **Lottie Sprite Object** is **Incari's** way of allowing the user to incorporate *Lottie* animations into a *User Interface*.

To create a **Lottie Sprite Object**, simply click the plus icon at the top of the **Scene Outliner** or right-click in the **Scene Outliner**, hover over `Create`, and locate **Lottie Sprite Object**.

![Create Lottie Sprite Object with Plus Icon.](https://4267723012-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOEts3pBau6LMamSYhGZp%2Fuploads%2Fgit-blob-67ec106aad8b6c52afb3a71858ecae72c6f620d1%2Fcreatelottiesprite1.png?alt=media) ![Create Lottie Sprite Object with Right-Click and Create.](https://4267723012-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOEts3pBau6LMamSYhGZp%2Fuploads%2Fgit-blob-e10cd985059030bff99e2cd94de049d337f5f42e%2Fcreatelottiesprite2.png?alt=media)

While the **Lottie Sprite Object** has several **Attributes** that alter its visual aspects, the most important is the `File` under `Lottie`. Here the user can select a `.lottie` file that has been placed in the **Asset Folder** of the **Project**.

![Lottie Sprite before Adding Asset.](https://4267723012-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOEts3pBau6LMamSYhGZp%2Fuploads%2Fgit-blob-5855309840e92f2a73f5efaace5b8e4965daa290%2Flottiespriteimage1.png?alt=media)

Above, the `File` **Attribute** has been highlighted for the **Lottie Sprite Object**. This is where the user can select the appropriate file after activating the pop-up Menu.

For now, there are two options when choosing a file for the **Lottie Sprite Objects**. The user can use a *Lottie JSON* file and rename it from `FileName.json` to `FileName.lottie`. Or the user can use a compressed *Lottie* file, uncompress it, and then rename it from `FileName.json` to `FileName.lottie`.

Beware of assuming a compressed *Lottie* file with a `.lottie` extension is compatible with **Incari Studio**. Please uncompress it first and rename it after.

![Lotte Sprite after Adding Asset.](https://4267723012-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOEts3pBau6LMamSYhGZp%2Fuploads%2Fgit-blob-7394eb1ec22e4bc9dbe8f3c1ba99b758105ee59d%2Flottiespriteimage2.gif?alt=media)

When the *.lottie* file is selected, it is displayed in the **Viewport** as a preview of the animation, which can be played, paused, and stopped with the respective buttons under `Simulation Preview`.

There are several **Nodes** that are attributed to **Lottie Sprite Objects**. More information can be found [here](https://docs.incari.com/incari-studio/2022.2/toolbox/incari/lottie) and [here.](https://docs.incari.com/incari-studio/2022.2/toolbox/events/lottie)