Explore 770,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.

Lottie animations can be implemented in your mobile applications using libraries for Android, React Native, Flutter, iOS and more. Check out the list of Lottie libraries for mobile and their documentation here.

Download the IconScout for Figma plugin, which lets you drag and drop Lottie animations into Figma as GIFs.Y ou can also use the LottieFiles for Figma plugin.

Download the IconScout for Canva plugin, which lets you drag and drop Lottie animations into Canva as GIFs. You can also download Lottie animations from LottieFiles to use in your Canva designs.

You can download Lottie animations as GIFs and drag and drop them into Notion. You can also embed LottieFiles animations into Notion by pasting an embed link.