返回博客
2026年1月29日· 7 分钟阅读Design Resources

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.

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

You need a Lottie animation. You don't have a budget. Where do you go?

The honest answer is: it depends on what you're looking for.

TL;DR

Here's the full breakdown — five free libraries worth your time, plus the method most designers don't know about.


Why this list is shorter than most

Most "best free Lottie" articles dump 15+ libraries on you. That's not helpful — half of them have 50 animations and the other half are just LottieFiles in a different paint job.

We tested every major library and kept the five that:

  1. Have enough volume to actually solve your problem (>1,000 free animations)
  2. Allow commercial use in their free tier (with or without attribution)
  3. Are still actively updated in 2026

If a library didn't clear all three bars, it's not in the list.


The 5 best free Lottie libraries

1. LottieFiles — the default starting point

The biggest Lottie library on the internet. 200,000+ free animations, a built-in editor, and direct export to JSON or dotLottie.

Best for: general-purpose animations, illustrations, hero graphics Free tier: unlimited browsing, daily download limit, commercial use allowed Watch for: popular animations get used on hundreds of sites — your loading spinner won't be unique lottiefiles.com/free-animations

2. IconScout — curated, higher quality

Smaller library but the average animation looks better. Strong for icon sets and UI micro-interactions where consistency matters.

Best for: icon animations, dashboard UIs, design systems Free tier: limited downloads per month, attribution required iconscout.com/lottie-animations

3. Lordicon — animated icons that change state

The best library if you want icons that react — hover-to-morph, click-to-confirm, that kind of thing. Each icon ships with multiple animation states.

Best for: interactive icons, button feedback, navigation states Free tier: free with attribution, paid plan removes attribution lordicon.com

4. useAnimations — UI primitives, MIT-licensed

Small, opinionated set of UI animations: loaders, checkmarks, hamburger menus, play/pause toggles. Genuinely free, MIT license, no attribution required.

Best for: app UI, micro-interactions, builders who hate license headaches Free tier: fully free, MIT license useanimations.com

5. Lottielab — newer entrant, motion-tool-first

Lottielab is a motion design tool first, library second — but its free pack is solid and the styles are noticeably different from the LottieFiles aesthetic. Worth checking for animations that don't feel "stock."

Best for: motion-forward landing pages, designers tired of generic styles Free tier: free pack available, paid for advanced editing lottielab.com

Honourable mentions that didn't make the cut: Creattie (good but small), Jitter (more of a tool than a library), Drawer (niche hand-drawn style — great if it fits, useless if it doesn't).

The method most designers miss

Libraries are great, but they have one fundamental problem:

Everyone uses the same animations.

That polished checkmark you grabbed off LottieFiles? It's already on 50 SaaS dashboards.

Here's what experienced designers actually do: extract Lotties directly from live websites.

That smooth scroll animation on Stripe. The icon transitions on Linear. The hero animation on Notion. They're all Lottie JSON files — and they're loaded into your browser the moment the page renders. Which means you can grab them.

How extraction works (60 seconds)

  1. Install the MiroMiro Chrome extension (free trial, no credit card)
  2. Open any site using Lottie animations
  3. Click the MiroMiro icon → Lottie tab
  4. Every animation on the page appears with a live preview
  5. Download as JSON or dotLottie — or test it instantly in our free Lottie player

Try it on your favourite site right nowStripe, Linear, Notion, Vercel, Figma, Raycast — all serve their animations as standard Lottie JSON. A typical SaaS landing page has 5–20 Lotties on it.Install MiroMiro free →

Libraries vs. extraction — when to use which

LibrariesExtraction
SpeedBrowse and downloadOpen the site, one click
VarietyWhat's been uploadedAnything you've seen on the web
UniquenessShared with everyoneInspiration from real sites
LicensingClear (per animation)Use as reference / inspiration
Best forQuick generic needsSpecific animations you've seen

The right answer is usually both: libraries when you need something fast and licensed; extraction when you need that exact thing you saw on a site you love.


Where to find sites with great Lottie animations

If you want to study how the best teams use motion, here's where to look:

  • Stripe — subtle, polished micro-interactions
  • Linear — clean icon animations, beautifully timed
  • Notion — playful illustrations and onboarding
  • Vercel — technical, developer-focused motion
  • Framer templates — motion-heavy landing pages, almost all Lottie-driven
  • Awwwards — filter winners by animation
The shortcut: our curated index of real Lottie sitesWe've scanned dozens of real production websites with MiroMiro and indexed exactly how many Lotties each one loads — from Webflow agencies to fashion brands to fintech apps. Every Lottie on every site is downloadable in one click.→ Browse free Lottie animations from real websites

Edit and convert your Lottie files

Once you have a JSON, you have options:

  • MiroMiro's free Lottie Preview tool — play, scrub frames, change colours, isolate layers, export to GIF/WebM/PNG. No signup, runs in your browser.
  • LottieFiles.com — free editor, change colours and timing
  • After Effects + Bodymovin — for serious editing if you have the source
  • Use directly on the web — Lottie Web Player, lottie-react, dotLottie

FAQ

Are Lottie animations really free?

Most libraries offer free tiers, but "free" varies. LottieFiles has both free and premium animations. Lordicon is free with attribution. useAnimations is fully free under MIT. Always check the individual animation's licence before shipping commercial work.

Can I legally use animations extracted from websites?

Use them as inspiration and reference, not direct copies. Study the timing, easing, and structure — then build your own version. Or use them in mockups, internal tools, and prototypes where licensing isn't a public-facing concern.

What's the difference between .json and .lottie?

.json is the original Lottie format — text-based, larger files, every player supports it. .lottie (dotLottie) is the newer compressed format that bundles animations and assets into a smaller archive. Modern players support both. MiroMiro extracts whichever the site is using and can preview both.

Which library has the best free Lottie animations?

It depends on the use case. LottieFiles has the most volume. Lordicon has the best interactive icons. useAnimations is the cleanest licence-wise. Pick by use case, not popularity.


What to do next

Three paths depending on where you're at:

  1. Need a Lottie right now?LottieFiles free animations
  2. Want to extract one from a real site?Install MiroMiro (3-day free trial, no card)
  3. Already have a JSON and want to test it?Free Lottie preview tool — no signup

Keep reading

准备好加速您的工作流程了吗?

加入 10,000+ 每周节省数小时的设计师和开发者。

添加到 Chrome
free lottie animationslottie animations freelottie animation downloadlottie json freemotion designweb animation
Share: