Great designs come alive with motion!
Create, manage and implement lightweight animations across websites, apps, presentations, social and more.
Trusted by 17 million+ designers and developers from over 280,000 companies
Your motion creation,
simplified
Save countless hours and streamline your motion workflow with Lottie Creator, or design right within your favorite tools and export it as a Lottie with our integrations.
Lottie, the industry standard for motion design
10x
faster to ship
Dev ready
and easy to implement
import { DotLottieReact } from '@lottiefiles/react';
<DotLottieReact src="animation.lottie" />
90% smaller than GIF
60% smaller than GIF
3x
increase in user engagement
5x
faster page load speed
Unlock your creative potential with AI
Discover how AI and creativity blend seamlessly with Motion Copilot, Prompt to Vector, and Raster to Vector integrations.
Digital Asset Management
Preview PSDs and AI files without opening the app. Manage every image format. And native Lottie and dotLottie support no other DAM can match.
-
Images
PNG, GIF, SVG, JPEG, WebP
-
Design files
After Effects (AEP), Illustrator (AI), Photoshop (PSD)
-
Motion
Lottie (.json), dotLottie (.lottie)
WEBP
PSD
A modern motion workflow built for teams
Create, customize, manage and share your design assets with peers in a secure and centralized place.
Progress updates
Keep teams aligned with comments and real-time status updates on your animations.
Seamless handoff
Preview, test, optimize and implement animations with built-in CDN and runtimes.
World's largest customizable animation library
Over 800,000+ Free & Premium ready-to-use animations.
Design teams love LottieFiles
Learn how teams are using Lottie animations to craft user experiences that stick.
Canva
Canva Team
"The adoption of ThorVG has been a transformative move for Canva, addressing critical performance bottlenecks and enhancing the user experience."
Barrett Johnson
Product Marketing
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Design Team
Duolingo
"LottieFiles allowed us to bring our characters to life without blooming our app size. It is an absolute game-changer for mobile UI design."
Implement your animations in just a few clicks
Seamlessly integrate with the tools you already use.
Honest Review: Pros & Cons
What we love
- Unbelievably Small File Sizes: The dotLottie format is genuinely a game-changer. It's up to 10x smaller than a GIF while maintaining infinite scalability.
- The Plugin Ecosystem: The ability to export directly from After Effects or Figma, straight into a Webflow or React project saves hours of dev time.
- Massive Free Library: You don't even need to be an animator to use it. There are hundreds of thousands of free, customizable animations ready to download.
Limitations
- AE Feature Support: While robust, Lottie doesn't support *every single* complex After Effects effect (like certain particle systems or heavy 3D effects).
- Team Features are Paid: If you want advanced version control, specific brand guidelines, or extensive private team libraries, you must upgrade to a paid tier.
Simple Pricing
Start for free, upgrade when your team grows.
Free
Perfect for individuals just getting started with Lottie.
- Access to Free Animations
- Figma & AE Plugins
- 10 Private Animations
- No Version History
Premium
For professionals who need more power and assets.
- Everything in Free
- Unlimited Private Animations
- Premium Animation Access
- Custom Color Palettes
Teams
For design teams collaborating on motion assets.
- Everything in Premium
- Shared Team Workspace
- Asset Version History
- Brand Guidelines
Lottie vs Legacy Formats
| Metric | dotLottie | GIF / MP4 |
|---|---|---|
| File Size | Extremely Small (~8kb) | Very Large (100kb - 5MB+) |
| Resolution | Infinite (Vector based) | Pixelates when scaled |
| Interactivity | Play on hover, scroll, click | Static playback only |
| Backgrounds | True transparent | Jagged white edges on GIF |
Create, collaborate
and ship.
Effortlessly bring motion to your everyday designs with the world's most powerful animation platform.
Get started - it's free!