15 Best Free Lottie Animation Libraries & Resources (2026)

Need free Lottie animations for your next project? You've got two options: download from Lottie libraries, or extract them from websites that already use them.

This guide covers both. Here are the best free Lottie resources in 2026 – plus a method most designers don't know about.

Free Lottie Animation Libraries

1. LottieFiles

The largest Lottie animation library. Over 100,000+ free animations with filters for category, style, and color.

Best for: General-purpose animations, icons, and illustrations License: Free for personal and commercial use (check individual animations) Link: lottiefiles.com/free-animations

2. IconScout Lottie

Curated Lottie icon sets and illustrations. Higher quality than average, with consistent styles.

Best for: Icon animations and UI micro-interactions License: Free tier available, attribution required Link: iconscout.com/lottie-animations

3. LottieFlow

Webflow-focused Lottie animations. Pre-built for common landing page patterns.

Best for: No-code builders using Webflow or Framer License: Free pack available Link: lottieflow.com

4. Lordicon

Animated icon library with Lottie export. Unique "morph" style that transitions between states.

Best for: Interactive icons (hover effects, click states) License: Free tier with attribution Link: lordicon.com

5. useAnimations

Micro-interaction icons specifically designed for UI. Loading spinners, checkmarks, menu toggles.

Best for: App UI and micro-interactions License: Free, MIT license Link: useanimations.com

6. Creattie

Growing library of free Lottie packs. Good variety of illustration styles.

Best for: Character animations and storytelling License: Free with attribution Link: creattie.com

7. Jitter

Motion design tool with a library of pre-made Lottie animations and templates.

Best for: Designers who want to customize animations before export License: Free tier available Link: jitter.video

8. Drawer

Hand-drawn style Lottie animations. Adds personality compared to generic icon libraries.

Best for: Brands wanting a human, organic feel License: Free pack available Link: drawer.design

The Method Most Designers Miss

Libraries are great, but they have limits:

• Everyone uses the same animations – your site looks like everyone else's
• Style mismatch – hard to find animations that fit your brand
• Outdated options – libraries don't always keep up with design trends

Here's what experienced designers do: extract Lottie animations from live websites.

That loading animation on Stripe? The icons on Linear? The micro-interactions on Notion? Those are all Lottie files – and you can download them.

How to Extract Lottie Animations from Any Website

Use MiroMiro's Lottie detector to find and download animations from any site:

1. Install the MiroMiro Chrome extension
2. Visit any website with Lottie animations
3. Enable Inspector Mode
4. Hover over animations – MiroMiro highlights Lottie files automatically
5. Click to preview, then download as JSON

For a full walkthrough, see our guide: How to Download Lottie Animations from Any Website

Where to Find Websites with Great Lottie Animations

Looking for inspiration? Here are sites known for excellent motion design:

• Stripe – Subtle, polished micro-interactions
• Linear – Clean icon animations
• Notion – Playful illustrations
• Vercel – Technical, developer-focused animations
• Framer templates – Motion-heavy landing pages
• Awwwards winners – Browse award-winning sites filtered by animation

Quick Comparison: Libraries vs. Extraction

Best approach: Use both. Libraries for quick, licensed animations. Extraction for inspiration and studying how great teams implement motion.

FAQ

Are Lottie animations really free?

Most Lottie libraries offer free tiers. Always check the license – some require attribution, others are fully free for commercial use.

Can I legally use animations extracted from websites?

Extracted animations should be used for inspiration and learning, not direct copying. Study the timing, easing, and techniques – then create your own version. Or use them in mockups and internal presentations.

What format are Lottie animations?

Lottie animations are JSON files. You can edit them in tools like LottieFiles, After Effects (with Bodymovin), or directly in code.

Which library has the best free Lottie animations?

LottieFiles has the largest selection. For icons specifically, Lordicon and useAnimations offer higher quality with consistent styles.

Start Building with Motion

Lottie animations transform static pages into engaging experiences. Whether you're grabbing icons from a library or studying how Stripe handles their loading states, you now have the resources to add motion to your projects.

Ready to find Lottie animations on any website?

Install MiroMiro Free →