Explore 429,000+ Lottie Animations

A Lottie animation is an open-source file format. It’s a JSON-based format that’s lightweight (around 600% smaller than GIFs), easily editable and works on almost any platform.

You can use Lottie animations in your web or mobile app designs. You can also add them to platforms like WordPress or Webflow, design tools like Figma or Adobe XD, as well as other platforms like Reddit or Notion. Use them to create better user interfaces, engaging marketing content or just to add a bit of fun to your favorite platform.

Here’s how industry leaders like Disney, Headspace and Duolingo are using Lottie animations.

IconScout has tons of free Lottie animations, as well as premium animations that you can access if you have an All Access subscription. You can also get thousands of free Lottie animations on LottieFiles.

You can use the LottieFiles for Adobe After Effects plugin to export your project as a Lottie animation. But if you don’t know anything about motion design, you take any static SVG image and turn it into a Lottie animation with the SVG to Lottie tool.

You can edit Lottie animations using the free Lottie Editor – this tool makes it super easy to edit Lottie, even if you don’t know anything about motion design. Change colors, dimensions, frame rates and more.

You can easily add Lottie to your web pages with HTML and the LottieFiles web player. Here’s how to autogenerate the HTML code for your Lottie animations.

There are tons of Lottie libraries available for JavaScript libraries and frameworks like React, Svelte, Vue and Angular. Check out the list of Lottie libraries and their documentation here.