LottieFiles

Great designs
come alive with
motion!

Create, manage and implement lightweight animations across websites, apps, presentations, social and more.

Tiny

Ship buttery motion in files as small as a few kilobytes.

Theming

Recolor any animation to match brand, dark mode or seasonal campaigns.

Interactive

Respond to hover, tap, scroll and state changes without heavy video.

Dev ready

Export for Web, iOS, Android, React, Flutter and more in one click.

Trusted by teams shipping motion at scale

GoogleAirbnbDuolingoNikeSpotifyNotionSlackFigma

Motion that already lives in products

A few of the thousands of files teams ship every week.

SWYPE9:41

Swipe to confirm

HoldPay

Gesture-first onboarding

Micro-interactions for a mobile wallet.

ATELIER
Draft 04

Create in full color

A playful workspace for motion drafts.

FEEL

Joy

Loop · 1.2s

Focus

Loop · 1.2s

Calm

Loop · 1.2s

Emotion in three cards

Brandable reaction pack for product UI.

LINGOLesson 12

Say it back

Buenos días

Hello
Good morning

Speak with motion

Language lessons that reward every tap.

AFTERGLOW

Live

Sat 21

After hours

Neon collab poster

Poster energy, looping

A collage that never sits still.

Find inspiration from the world’s largest customizable animation library

Browse free and premium Lottie files, recolor them in a click, and drop them into any product.

Star Burst

Mira Chen

Bot Wave

Kai Ortiz

Lift Off

Nova Park

Soft Heart

Ada Flores

Tide Line

Jonah Lee

Orbit Load

Sable Wu

Paper Bird

Eli Voss

Night Orbit

Rae Kim

Inbox Pop

Theo Nash

Cart Bounce

Lina Ortiz

Ping Bell

Chris Adeyemi

Ember

Jules Marin

Soft Cloud

Priya Shah

Beat Drop

Omar Diaz

Snap Toggle

Hana Brooks

City Walk

Kenji Mori

Confetti Win

Sofia Berg

Shy Ghost

Milo Hart

Your motion creation, simplified

Design, remix and theme Lottie files without leaving the browser.

character-pack.lottie
00:01.24 / 00:02.00

A modern motion workflow built for teams and enterprises

Keep assets, comments, versions and handoff in one place so design and engineering stay aligned.

Brand library
128 files · Shared with BrandLive
Comments

Nia · 2m

Can we theme this for dark mode?

Versions
v12 · Shipping
v11 · Review
v10 · Draft
Handoff

dotLottie · 18kb

npm i @lottiefiles/dotlottie-react
Integrations
FigmaAEReactiOS

Lottie, the industry standard for motion design

Open, tiny and interactive. Used by product teams who cannot ship video to every screen.

10M+

animations created

18kb

typical file size

dotLottie runtime

<DotLottie
  src="/hero.lottie"
  autoplay
  loop
/>

Playback vs video

LottieGIFMP4

60fps

vector playback on web and native

1 source

theme, localize and ship everywhere

Implement your animations in just a few clicks

Export once and drop the same file into web, iOS, Android, Flutter and design tools.

ReactiOSAndroidFlutterWebFigma

Motion intelligence that drafts, themes and ships with you

Lottie AI

Describe the motion. Keep the brand.

  • Generate a starter from a prompt, then refine in Creator.
  • Recolor entire packs to a hex, logo or Figma style.
  • Swap copy and duration without breaking easing.

Design teams love LottieFiles

“We replaced six megabytes of video with a 42kb Lottie. The brand finally feels alive without tanking performance.”

NB

Nia Brooks

Design systems, Northwind

“Theming is the sleeper hit. One file, every seasonal campaign.”

AM

Arjun Mehta

Product design, Relay

“Creator finally lets designers and engineers share the same source of truth.”

EV

Elena Voss

Motion lead, Afterlight

“Interactive state machines saved us a custom animation library.”

MC

Marcus Cole

Frontend, Lattice

“Our app onboarding went from static to unforgettable in a week.”

YT

Yuki Tanaka

Brand, Kite

Start shipping motion that feels alive

Free to create. Ready for teams. Export anywhere without bloating the bundle.

From We0