LottieFiles

Become a
certified expert

with

LottieFiles for Framer
certification

Become a
certified expert

with

LottieFiles for Framer
certification

LottieFiles

+

Add lightweight and customizable animation to your Framer website

Add lightweight and customizable animation to your Framer website

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

Install on Framer

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
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

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

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

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

Add interactivity using Framer’s native features

Install on Framer

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.

Install on Framer

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.

Additional resources

Here’s some inspiration for you to get started with LottieFiles for Framer.

Creating Complex Lottie Animations on Figma Using Components

5 min read

Creating Complex Lottie Animations on Figma Using Components

5 min read

10 Design Trends Revolutionized the Web Landscape

7 min read

10 Design Trends Revolutionized the Web Landscape

7 min read

Examples of UI/UX Animation in Website Design

8 min read

Examples of UI/UX Animation in Website Design

8 min read

How to add Lottie JSON and dotLottie animation files on Framer

3 min read

How to add Lottie JSON and dotLottie animation files on Framer

3 min read

Learn to build an engaging motion website

Get certified today

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

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

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

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

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

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

FAQs

What is LottieFiles for Framer?

A Lottie file is a JSON-based animation file format that uses a textual, descriptive representation of the animation elements and movement towards a smaller file size and platform-independence, resolution independence and variable frame-rate during animation playback.

Open-source and free Lottie players exist for the web, iOS, Android, Windows and other platforms.

What is LottieFiles for Framer?

A Lottie file is a JSON-based animation file format that uses a textual, descriptive representation of the animation elements and movement towards a smaller file size and platform-independence, resolution independence and variable frame-rate during animation playback.

Open-source and free Lottie players exist for the web, iOS, Android, Windows and other platforms.

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?

Check out our support page for more

Ready to add motion to Framer?

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

Install on Framer