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:
- Install the MiroMiro Chrome extension
- Visit any website with Lottie animations
- Enable Inspector Mode
- Hover over animations – MiroMiro highlights Lottie files automatically
- 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
| Lottie Libraries | Extracting with MiroMiro | |
|---|---|---|
| Variety | Limited to what's uploaded | Any website, unlimited |
| Uniqueness | Everyone has access | Unique finds from real sites |
| Style matching | Hit or miss | Find exactly what fits |
| Legal | Clear licensing | Use as reference/inspiration |
| Effort | Browse and download | Install extension, browse sites |
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?