Design

LottieFiles

LottieFiles
LottieFiles screenshot
Click to enlarge
LottieFiles screenshot
Click to enlarge
LottieFiles screenshot
Click to enlarge

Add Lottie animations to any page

Lottie animations are JSON-based animation files that allow designers to ship vector animations on any platform as easily as shipping static assets. They are small in file size, work on any device, and can scale up or down without pixelation.

Key Benefits of Lottie

  • Ultra-Lightweight: Lottie files are often up to 600% smaller than traditional GIFs or MP4s, dramatically improving app and website load times.

  • Infinite Scalability: Because they are vector-based, they remain perfectly crisp on high-resolution screens (like Retina displays) at any size.

  • Interactive Control: Developers can programmatically play, pause, loop, reverse, speed up, or trigger animations based on user interaction (like scrolling, hovering, or clicking).

  • Multi-Platform Support: Works seamlessly across iOS, Android, Web, Flutter, React Native, and many other frameworks.

Where to Find and Edit Lottie Files

  • LottieFiles: The largest community platform to discover, test, edit, and download thousands of free and premium ready-to-use animations.

  • LottieFiles Web Player: A quick online tool to generate embed codes or test how your animation behaves on a live browser.

  • IconScout: A massive library featuring curated packs of Lottie animations, vector icons, and illustrations.

  • Lordicon: Specifically focused on highly customisable, interactive animated vector icons.