Become a
certified expert

with

LottieFiles for Webflow
certification

Background
LottieFiles

+

Webflow

Lightweight and interactive animations for your Webflow websites

Enhance your websites with highly customizable Lottie animations to increase engagement and conversions.

Access the world’s largest Lottie animation library within Webflow, and easily add motion magic across all your Webflow sites.

Engage users, tell better stories and drive growth

Over 100,000 free, ready-to-use Lottie animations to get you started

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

Native Optimized dotLottie support on Webflow for faster page load speeds

Effortlessly personalize animations to match your brand colors

Works seamlessly with Webflow's interactivity features

Captivate your users with trigger-based animations

Page load

Parallax

Reveal

Page load

Parallax

Reveal

Built with Lottie. Made in Webflow.

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

  • Sleep by Headspace
  • The Legend of Santar
  • F'in sweet Lottie Animations
  • Lottie Buttons
  • Let Your Brand stand out from the crowd
  • CRE-ATE
  • OSOS | Creative Studio
  • Jack Jaeschke — Motion Design Portfolio
  • Plink Webflow Rebuild
  • Sleep by Headspace
  • The Legend of Santar
  • F'in sweet Lottie Animations
  • Lottie Buttons
  • Let Your Brand stand out from the crowd
  • CRE-ATE
  • OSOS | Creative Studio
  • Jack Jaeschke — Motion Design Portfolio
  • Plink Webflow Rebuild

Get started in 3 simple steps

Step 1

Install the app

Install the LottieFiles for Webflow app and authorize it for your projects.

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 Webflow sites. You can customize the animation’s colors or add interactivity.

Learn all about building an engaging motion website and get certified

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

LottieFiles for Webflow is a powerful app that provides access to over 100,000 free Lottie animations and your private files on LottieFiles. The app enables you to easily bring motion to your Webflow sites.

What is LottieFiles for Webflow?

LottieFiles for Webflow is a powerful app that provides access to over 100,000 free Lottie animations and your private files on LottieFiles. The app enables you to easily bring motion to your Webflow sites.

How do I install LottieFiles for Webflow?

How do I install LottieFiles for Webflow?

Where can I find Lottie animations for my Webflow sites?

Where can I find Lottie animations for my Webflow sites?

Are Lottie animations supported on Webflow?

Are Lottie animations supported on Webflow?

Can I customize the Lottie animations in my Webflow sites?

Can I customize the Lottie animations in my Webflow sites?

Are the Lottie animations in LottieFiles for Webflow free?

Are the Lottie animations in LottieFiles for Webflow free?

Can I use LottieFiles for Webflow in my commercial projects?

Can I use LottieFiles for Webflow in my commercial projects?

Are new animations added regularly to LottieFiles for Webflow?

Are new animations added regularly to LottieFiles for Webflow?

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

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

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

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

Ready to add motion to Webflow?

With LottieFiles for Webflow, you can seamlessly add motion to your Webflow site quickly and easily.