# Finding & Using Animations

Ok plaYEAH!, you[ just conquered the basics](/playeah-1/instant-super-powers/quick-wins.md#start-powerpoppin) of your first PowerPop flow. Now let me show you how to [use a massive free library](https://lottiefiles.com/) of open source animations at your disposal - we are talking by the thousands my friend 😲

### Introducing Lottiefiles

In the previous quick wins, you may have noticed a setting we called **Lottie JSON url** (or maybe you were too excited by the **awesome super powers** :man\_superhero: **plaYEAH!** is going to give you). Lottie is an open source animation file format that’s tiny, high quality, interactive and **the perfect solution** to use inside your course to **jazz things up a bit to make** it a lot more **interesting** and **engaging** *(unless you are in the .02% that think dull boring lifeless grey is exciting)* . This is the new industry standard that is available on the web, on your phone and on your toaster :bread: (if you have a "smart toaster" that is). The top 500 apps on the App store now use Lottie to engage users and enhance conversions.

## Lottiefiles is the largest community of designers and developers. Essentially an extensive, curated library of free assets awaits you.

**We when across Lottie - we were like:**

![](https://media.giphy.com/media/tBb19eTTI6Kgj44KtmE/giphy.gif)

What we have included in the [Favorites Animations page](https://powerups.thinkific.com/pages/playeah-power-pop-favs) is just a teeny-incy-weeny-tiny sample if what is available that **we spent years curating**....*just kidding it was only a few hours*...but a few hours you did not have to ~~waste~~ spend...and still has over 100 animations in it...but.... anywhoo

This **massive library contains both free and really really cheap** (*less than you would pay for a fresh brewed cup of*:coffee:*)* animations. In fact, they even have a [page where you can hire animators](https://lottiefiles.com/marketplace/animators) (aka "Lottie Experts" - if you really want to go crazy and have a custom animation built for you (or for a client that is willing to pay you to pay some to creating something for them - :zany\_face: )

Now, with any "free market" there is always a chance that you will see :poop: on there. But because you are a plaYEAH!, we got you covered and will give you some pro tips for navigating Lottiefiles. Here are some awesome ways to find stuff:

:mag\_right: **Keyword search** is always a good idea

:mag\_right: Search by **specific color**

:mag\_right: Turn on the "**free filter**"

:mag\_right: Consider purchasing a **"pack" of similar animations**

**Are you feeling like:**

![](https://media.giphy.com/media/PPcJlSeCL6iWI/giphy.gif)

### **Using LottieFiles with plaYEAH!**

{% hint style="warning" %}
First, you will need to[ have free account with LottieFiles](https://lottiefiles.com/getting-started) and be [logged into Lottiefiles](https://lottiefiles.com/getting-started) in order to make things **brain dead, two-click copy/paste into plaYEAH**. The **account is free**, as in totally **free** - no credit card, no spamming, no need to think about **free** - so if you r\_**eally want to save a**\_ :poop: ***ton of time, have a mountain of animations at your disposal*** that is going to make **you look amazing to your students**, then just stop ready this already and go ahead and [create a free account already ](https://lottiefiles.com/getting-started)- come on' plYEAH! just do it!
{% endhint %}

* [ ] Now that you have your [free LottieFiles account and are logged in](https://lottiefiles.com/getting-started):point\_up:, just head over to that **search bar that is in the upper right corner** and search, filter until you find the perfect one

![](/files/4lnEQDb3xXqXyzjwadwD)

* [ ] Now that you **found the perfect animation** ( :timer: don't spend hours plaYEAH! - just pick one already :worried: - the site is not going anywhere - it will still be accessible later, tomorrow, next week, next month - you get my point plaYEAH?) **Click on the the one you like.** A popup will appear showing you the animation in a **larger preview window.**

![](/files/bkod2AMkkBLNFHyvpcR0)

* [ ] Then click the clipboard icon in the **Lottie Animation Url field** on the right hand side right under the player. :point\_down:

![](/files/k4dWhVgHkMR8lclBPFpY)

Now that you have the Lottie Animation Url - you are going to head back into the My plaYEAH Pops page inside of Site Builder that we [created in the previous step](https://github.com/robgalvinco/powerupdocs/blob/playeah/power-pops-editor/broken-reference/README.md). We are going to **replace the animation we used in the confetti blast Pop**

* [ ] Locate the Pop in the block section on the left and click on it. (If you followed the [Quick Win](/playeah-1/instant-super-powers/quick-wins.md#start-powerpoppin), it should be the fourth one). Scroll down to the **Lottie JSON URL settings** and **select the entire thing and then paste your new one in there**

***

* [ ] \*\*\*\*

![](/files/NbidZgnhleADvR2J2Ijc)

![](/files/EoHnUQABZQN2A39z7pGp)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.superpowerups.com/playeah-1/power-pops-editor/finding-and-using-animations.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
