Become a
certified expert

with

LottieFiles for Framer
certification

LottieFiles

+

Add lightweight and customizable animation to your Framer website

Boost engagement and conversions with interactive Lottie animations on your website—no coding needed.

Trusted by over million users and companies worldwide.

  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon
  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon

Stand out, drive growth and tell better stories

Over 500,000 free and premium, ready-to-use Lottie animations to get you started

Over 500,000 free and premium, ready-to-use Lottie animations to get you started

Over 500,000 free and premium, ready-to-use Lottie animations to get you started
Access your team's private animations and insert them directly on Framer
Access your team's private animations and insert them directly on Framer

Access your team's private animations and insert them directly on Framer

Advanced dotLottie player for more granular control
Advanced dotLottie player for more granular control

Advanced dotLottie player for more granular control

Customize to your brand and aesthetic with personalized color palettes
Customize to your brand and aesthetic with personalized color palettes

Customize to your brand and aesthetic with personalized color palettes

Add interactivity using Framer’s native features
Add interactivity using Framer’s native features

Add interactivity using Framer’s native features

Engage your users with creative interactive effects

Loop

Hover

Click

Click

Built with Lottie. Made in Framer.

Discover and get inspired by these stunning Framer sites that were built using Lottie animations.

Get started in 3 simple steps

Step 1

Launch the plugin

Find and open the LottieFiles for Framer plugin in your project.

Step 2

Search for an animation

Search for a Lottie animation using the ‘Discover’ or ‘Workspaces’ tabs.

Step 3

Insert the animation

Insert the animation into your Framer sites. You can customize the animation’s colors or add interactivity.

Learn to build an engaging motion website

Design teams love LottieFiles

Airbnb

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."

Salih Abdul-Karim
Lead Motion Designer at Airbnb

Salih Abdul-Karim, Lead Motion Designer at Airbnb
Webflow

"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."

Barrett Johnson
Product Marketing at Webflow

Barrett Johnson, Product Marketing at Webflow
Swiggy

"LottieFiles is a one-stop destination for all your Lottie needs ever."

Saptarshi Prakash
Product Design Manager at Swiggy

Saptarshi Prakash, Product Design Manager at Swiggy

Design teams love LottieFiles

Airbnb

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."

Salih Abdul-Karim
Lead Motion Designer at Airbnb

Salih Abdul-Karim, Lead Motion Designer at Airbnb
Webflow

"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."

Barrett Johnson
Product Marketing at Webflow

Barrett Johnson, Product Marketing at Webflow
Swiggy

"LottieFiles is a one-stop destination for all your Lottie needs ever."

Saptarshi Prakash
Product Design Manager at Swiggy

Saptarshi Prakash, Product Design Manager at Swiggy

FAQs

What is LottieFiles for Framer?

LottieFiles for Framer is a plugin that provides access to over 500,000 free and premium Lottie animations and your private files on LottieFiles. The plugin enables you to easily add motion to your Framer sites.

What is LottieFiles for Framer?

LottieFiles for Framer is a plugin that provides access to over 500,000 free and premium Lottie animations and your private files on LottieFiles. The plugin enables you to easily add motion to your Framer sites.

How do I install LottieFiles for Framer?

How do I install LottieFiles for Framer?

Where can I find Lottie animations for my Framer sites?

Where can I find Lottie animations for my Framer sites?

Are Lottie animations supported on Framer?

Are Lottie animations supported on Framer?

Can I customize the Lottie animations in my Framer sites?

Can I customize the Lottie animations in my Framer sites?

Are the Lottie animations in LottieFiles for Framer free?

Are the Lottie animations in LottieFiles for Framer free?

Can I use LottieFiles for Framer in my commercial projects?

Can I use LottieFiles for Framer in my commercial projects?

Are new animations added regularly to LottieFiles for Framer?

Are new animations added regularly to LottieFiles for Framer?

Is there a limit to the number of Lottie animations I can use with LottieFiles for Framer?

Is there a limit to the number of Lottie animations I can use with LottieFiles for Framer?

Can I access my private animations through the LottieFiles for Framer app?

Can I access my private animations through the LottieFiles for Framer app?

Ready to add motion to Framer?

Seamlessly add motion to your Framer site quickly and easily with LottieFiles for Framer.