Vector animations as JSON.
Need an MVP like Lottiefiles?
We'll build it in less than 7 days. Book a free discovery call with Tiny Startup Studio.
Book free discovery call →LottieFiles is the platform and ecosystem for Lottie animations — the lightweight JSON-based vector animation format originally built by Airbnb that has become the web's standard for UI micro-animations. Founded in 2018 by Kshitij Minglani, Pratiek Hate, and Naren Sivasenan, LottieFiles built a marketplace plus community plus tooling business around the Lottie format. Core ecosystem: marketplace with 200K+ free Lottie animations across icons/illustrations/loaders/success states/UI animations, premium marketplace with curated motion designer work ($5-50 each), web editor for customising Lottie files without After Effects (colors, speed, segments, keyframes), After Effects plugin (Bodymovin) for exporting compositions to Lottie, Figma plugin for previewing and placing Lottie animations, hosting and CDN for production deployment with version management, JavaScript and React and Vue and Svelte libraries plus iOS Swift and Android Kotlin SDKs, team workspace for collaborating on animation libraries with versioning and brand controls, integrations with Webflow and Framer and WordPress and Shopify, AI features for text-to-animation generation. Best for web micro-animations (empty states, loaders, success states, hover animations — Lottie is the new standard), mobile app animations rendering identically across iOS and Android without platform-specific code, onboarding flow animated illustrations that improve activation metrics, marketing landing page hero animations without heavy video files (10x smaller than GIF/MP4), pitch deck and presentation animated illustrations, motion designers monetising work via the premium marketplace. Pricing: Free forever (unlimited free marketplace downloads, basic editor, 10 hosted files, 1 user), Pro at $19.99/month or $14.99/month annual (unlimited hosting, premium marketplace, advanced editor, brand kit), Teams at $20+/user/month (workspace, SSO, role permissions). Direct competitors: Rive (newer interactive animation format, more powerful, less ecosystem), Adobe After Effects + Bodymovin (the original Lottie creation workflow), Lordicon (animated icon library specifically), Iconly Pro (icon-focused), UseAnimations (Lottie icon collection), Animaze, Spline (3D animation), Jitter (browser-based motion design). LottieFiles wins on ecosystem completeness (marketplace + editor + hosting + SDKs), category mindshare for Lottie format, and indie-friendly free tier; Rive wins on interactive animations and runtime flexibility; After Effects + Bodymovin wins on professional motion design from scratch.
⏱ 30-second verdict
Marketplace + tooling for Lottie animations — vector animation files that render at any size with no quality loss and tiny bandwidth.
🎯 Why it's useful
Free animations to make empty states, success moments, and onboarding feel polished.
💜 Our take
The web player is 5KB and works in any framework. Drop-in replacement for static SVGs.
✓ Best for
Product designers and frontend developers building web/mobile apps who need lightweight, scalable animations without quality loss. Teams wanting pre-made animations to speed up development.
✗ Not ideal for
Designers needing advanced 3D animation tools or frame-by-frame control; projects requiring proprietary animation formats or offline-only workflows.
Web micro-animations
Empty states, loaders, success checkmarks. Lottie is now the standard. Free marketplace covers most needs.
Mobile app animations
iOS + Android native animation without platform-specific code. Single Lottie file works identically across platforms.
Onboarding flow animations
Animated illustrations in onboarding dramatically improve activation metrics. LottieFiles marketplace has hundreds of templates.
Marketing landing page motion
Animated hero sections without heavy video. 10x smaller files, infinitely scalable, no quality loss.
LottieFiles is the platform and ecosystem for Lottie animations — the lightweight, scalable, code-friendly animation format that has effectively become the web's default for micro-animations and motion design. Founded in 2018 by Kshitij Minglani, Pratiek Hate, and Naren Sivasenan, LottieFiles built a marketplace + community + tooling business around Adobe's open-source Lottie format (originally created at Airbnb). The product ecosystem now includes a free animation marketplace with 200K+ assets, a Figma + After Effects plugin pipeline, an editor for customising Lottie files without After Effects, and hosting/CDN for production deployment. What makes Lottie (and therefore LottieFiles) important: a Lottie file is a JSON file that renders vector animation in browsers and apps at any resolution with file sizes 5-10x smaller than equivalent GIFs or MP4s. Native iOS + Android + Web support means a designer can hand off a single Lottie file that works identically across all platforms — replacing complex implementation work that historically required platform-specific animation code. The format won the web micro-animation category and LottieFiles is the platform of record. The core ecosystem: • **Marketplace** — 200K+ free Lottie animations across categories: icons, illustrations, loaders, success states, UI animations • **Premium marketplace** — curated premium animations from professional motion designers ($5-50 each, license included) • **Web editor** — customise Lottie files in browser without After Effects. Change colors, speed, segments, even modify keyframes. • **After Effects plugin (Bodymovin successor)** — export After Effects compositions directly to Lottie format • **Figma plugin** — preview and place Lottie animations directly in Figma; export Figma to Lottie (limited but useful) • **Hosting + CDN** — host your production Lottie files on LottieFiles CDN with version management • **Web components + libraries** — JavaScript libraries for web/React/Vue/Svelte, plus iOS Swift + Android Kotlin SDKs • **Workspace** — team accounts for collaborating on animation libraries, versioning, brand-controlled assets • **Plugin ecosystem** — Webflow, Framer, WordPress, Shopify integrations for inserting Lottie into no-code builders • **AI features** — text-to-animation generation, animation customisation via prompts For founders + designers + developers the use cases: • **Web micro-animations** — empty states, loaders, success checkmarks, hover animations. Lottie is now the standard. • **Onboarding flows** — animated illustration in onboarding screens dramatically improves engagement metrics • **Mobile app animations** — iOS + Android native animation without platform-specific code • **Marketing landing pages** — animated hero sections without heavy video file sizes • **Pitch decks + presentations** — embed animated illustrations in Keynote/Tome/Pitch for live-feeling decks • **Email animations** — animated GIF fallbacks for email clients that don't support Lottie The pricing is generous. Free tier covers unlimited downloads from free marketplace, basic editor access, 10 hosted files, 1 user. Pro at $19.99/month (or $14.99/month annual) unlocks unlimited hosted files, advanced editor features, premium marketplace access, brand kit, version history. Teams at $20+/user/month adds workspace collaboration, asset organisation, role-based permissions, SSO. Where LottieFiles wins clearly: it's the de facto platform for Lottie animations — the marketplace is unmatched, the editor saves designers from After Effects roundtrips, the SDKs make implementation trivial, the workflow from designer → developer is dramatically smoother than any alternative. Where it loses: depends on the Lottie format itself surviving — Lottie is still vector-only (no raster effects), has limitations on complex animations, and Adobe's commitment to Bodymovin development has been inconsistent; the editor is improving but doesn't replace After Effects for complex motion work. My take: if your product has any UI micro-animations, you should be using Lottie + LottieFiles. The implementation effort is dramatically lower than maintaining hand-coded animations or video files. The free marketplace alone covers 80% of common needs (empty states, loaders, success animations) — no design work required. For custom brand animations, hire a motion designer to deliver Lottie files; LottieFiles editor lets your team adjust colors/speed without designer involvement. For founders making product, this is one of the highest-leverage tools in design + dev workflows.
Free
Pro
Pro Annual
Teams
Free (editor + limited downloads) · Pro $9/mo (unlimited downloads + assets) · Enterprise (custom pricing)
Lottie is a JSON-based vector animation format originally built by Airbnb. Files are 5-10x smaller than GIF/MP4, scale to any resolution without quality loss, render natively on web/iOS/Android, and are programmable (control playback, change colors, segment playback). For UI micro-animations, Lottie is dramatically better than GIF/MP4 on every metric.
Yes — free tier covers unlimited downloads from the free marketplace (200K+ animations), basic editor, 10 hosted files. Most early-stage products never outgrow this. Pro at $14.99-19.99/month adds unlimited hosting + premium marketplace + advanced editor for serious motion design work.
No — LottieFiles' web editor lets you customise Lottie files (colors, speed, segments) without After Effects. For creating new animations from scratch, After Effects + Bodymovin plugin is still the professional workflow. For consuming + lightly editing existing Lottie files, LottieFiles is enough.
JavaScript: `npm install @lottiefiles/lottie-player` + a single HTML tag. React: `lottie-react` library. iOS: lottie-ios Swift package. Android: lottie-android Kotlin library. All maintained by LottieFiles. Implementation is one of the simplest in any animation system.
Yes — LottieFiles' premium marketplace lets motion designers sell Lottie files ($5-50 typically) with LottieFiles handling licensing and payment. Solid passive income for skilled motion designers, especially those producing trending categories (e-commerce success states, fintech onboarding, SaaS empty states).

No reviews yet — be the first.
Figma
The browser-based design tool everyone uses.
Webflow
No-code site builder that produces real CSS.
Yellow Images
The Largest Collection of PSD Mockups on the Internet!
Wise
The design system of Wise.
Who Can Use
A tool to show how color contrast can affect different people with visual impairments.
Websitevice
Website design examples for inspiration that get results instead of awards