Design · Website
LottieFiles
Platform to create, edit, test, and ship lightweight Lottie animations.
LottieFiles is a web platform and ecosystem designed around JSON-based Lottie animations. It provides a library of ready-to-use vector animations alongside tools to edit, test, and implement interactive motion graphics across web and mobile applications.
What it's for
- Integrate lightweight vector animations into web and mobile apps without large GIF or video file sizes
- Browse and download pre-built animations for interface micro-interactions
- Test and edit motion parameters or bind animation properties to dynamic data using Motion Tokens
- Export motion graphics directly from design tools like After Effects or Figma to development-ready JSON
Features
- Extensive library of free and community-contributed Lottie animations
- Online animation editor for tweaking playback speed, colors, and layers
- Motion Tokens for binding animation properties to real-time data
- Multi-format asset conversion and export (Lottie JSON, SVG, dotLottie, GIF)
- Integrations and plugins for tools like Figma, After Effects, and Webflow
- Interactive animation triggers and testing tools for mobile and web preview
Pricing
Freemium. Free tier available; paid workspace and team tiers available.
Details
- Type
- Website
- Category
- Design
- Topic
- Motion Graphics
- Open source
- No
- Platforms
- Web, iOS, Android, Code library
- For
- UI/UX designers, motion designers, and front-end developers building interactive digital experiences.
- Alternative to
- Rive, GSAP
- Tags
- lottie, animation, vector, ui motion, web animation, micro interactions
Why it was saved
- @kalypsodesigns: Allows designers to export After Effects and vector animations into tiny, high-performance web-compatible formats.
Compare
Related
Library of customizable animated icons ready for web, mobile, and design tools.
Browser-based motion design editor for creating and exporting Lottie animations
Animation and micro-interaction tool for product designers
Browser-based graphic design editor with procedural motion graphics and effects
Fast, browser-based motion design tool with Figma import and AI animation features
Curated collection of micro-interactions and delightful design details
Updated