8 Best Free Lottie Animation Sites — Download JSON Files (2026)

LottieFiles, Lordicon, IconScout & 5 more — the best places to get free Lottie animations. Plus a trick to extract Lotties from any live website.

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

Why this matters: Instead of settling for generic library animations, you can study and reference how top design teams use motion. Use them as inspiration to create something original, or as a starting point to customize.

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 →