# Finding & Using Animations

Ok plaYEAH!, you[ just conquered the basics](https://playeah-docs.robgalvin.co/instant-super-powers/quick-wins#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

![](https://651120762-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MTD-6pu1yAqNq_ijO-Q%2F-MTHqFdEJtJwOZgiiBWe%2F-MTI3-7u9E0xsOEArLEq%2FFeb-11-2021%2016-46-47.gif?alt=media\&token=f5552e3f-ce49-4aab-87b1-0ecf15c4b38b)

* [ ] 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.**

![](https://651120762-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MTD-6pu1yAqNq_ijO-Q%2F-MTHqFdEJtJwOZgiiBWe%2F-MTI3o2RhCQU9UjU06at%2FFeb-11-2021%2016-49-34.gif?alt=media\&token=61a352ec-9b33-44f1-a4eb-587e118d48d0)

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

![](https://651120762-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MTD-6pu1yAqNq_ijO-Q%2F-MTHqFdEJtJwOZgiiBWe%2F-MTI4EOWehs6I0J4jPPM%2FFeb-11-2021%2016-52-23.gif?alt=media\&token=6bb1b6d8-e87b-4868-a652-4dc0544964ea)

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://playeah-docs.robgalvin.co/power-pops-editor/broken-reference). 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](https://playeah-docs.robgalvin.co/instant-super-powers/quick-wins#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**

*

![](https://651120762-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MTD-6pu1yAqNq_ijO-Q%2F-MTHqFdEJtJwOZgiiBWe%2F-MTI5vOmpM8D513GBJX9%2FFeb-11-2021%2016-52-23.gif?alt=media\&token=4a09f363-6c08-4cd5-9770-6021d4892324)

![](https://651120762-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MTD-6pu1yAqNq_ijO-Q%2F-MTHqFdEJtJwOZgiiBWe%2F-MTI6VOroSOHt3pZBrOS%2FFeb-11-2021%2017-01-22.gif?alt=media\&token=b4f17859-46ba-4285-815d-5549ba4ef231)