This website requires JavaScript. Please enable JavaScript in your browser settings.

Lottie integrations and plugins: Simplify your motion design workflow

Simplify your motion design workflow with LottieFiles plugins and integrations. Create, edit, render, design, collaborate, and implement Lottie animations with ease right inside your favourite design and development tools.

Explore our integrations

Featured integrations

Explore the Lottie plugins and integrations used most widely by the community.

After Effects plugin

Render Lottie animations in one click and upload them to your private LottieFiles workspace.

Learn more

dotLottie Web Player

dotLottie is an open-source file format that compresses Lottie animations into smaller, faster-loading files that include all the necessary assets and configuration settings.

Learn more

Figma plugin

Access animations and bring them to your Figma artboards and prototypes.

Learn more

LottieFiles for Webflow

Enhance your websites with highly customizable Lottie animations to increase engagement and conversions.

Learn more

Motion design made easy

Create

Collaborate

Implement

Motion design made easy

Create

Collaborate

Implement

Motion design made easy

Create

Collaborate

Implement

Lottie integrations and plugins for all your favorite tools

Discover Lottie integrations for the most popular design and development tools.

Submit integration

Optimize & handoff Lottie animations

Lottie Optimizer

Lottie to GIF

LottieFiles Platform

Embed & implement Lottie animations in design tools

Embed & implement Lottie animations in productivity tools

Embed & implement Lottie animations in no-code tools

Embed & implement Lottie animations with high-performance dotLottie Runtimes

dotLottie

dotLottie Web Player

dotLottie React Player

dotLottie Player Web Component

dotLottie iOS

dotLottie Android

Embed & implement Lottie animations in developer tools

Lottie Docs

relottie

Lottie JS

Embed & implement animations with Lottie libraries

LottieFiles for Interactivity

Embed & implement Lottie animations in developer tools

Lottie Animation Manager

Visual Studio Code

Learn more about integrating Lottie animations

4 Ways to Edit Your Lottie Animations

Here’s how to make any Lottie animation fit your brand or design aesthetic.

4 Ways to Edit Your Lottie Animations

Here’s how to make any Lottie animation fit your brand or design aesthetic.

4 Ways to Edit Your Lottie Animations

Here’s how to make any Lottie animation fit your brand or design aesthetic.

How to Add Lottie Animations Anywhere: Web, Mobile Apps, Design Mockups and More

Seven ways you can add Lottie animations to almost any platform.

How to Add Lottie Animations Anywhere: Web, Mobile Apps, Design Mockups and More

Seven ways you can add Lottie animations to almost any platform.

How to Add Lottie Animations Anywhere: Web, Mobile Apps, Design Mockups and More

Seven ways you can add Lottie animations to almost any platform.

How to Add Animations and Prototype with the LottieFiles for Figma Plugin

Animate in Figma, as easily as drag and drop.

How to Add Animations and Prototype with the LottieFiles for Figma Plugin

Animate in Figma, as easily as drag and drop.

How to Add Animations and Prototype with the LottieFiles for Figma Plugin

Animate in Figma, as easily as drag and drop.

How to Optimize Lottie Files for Faster Page Load Speeds

Here are three ways to reduce the size of your Lottie animations for faster load speeds.

How to Optimize Lottie Files for Faster Page Load Speeds

Here are three ways to reduce the size of your Lottie animations for faster load speeds.

How to Optimize Lottie Files for Faster Page Load Speeds

Here are three ways to reduce the size of your Lottie animations for faster load speeds.

How to Embed Lottie Animations Anywhere, Without Code

The embed feature makes adding motion as easy as copy and paste.

How to Embed Lottie Animations Anywhere, Without Code

The embed feature makes adding motion as easy as copy and paste.

How to Embed Lottie Animations Anywhere, Without Code

The embed feature makes adding motion as easy as copy and paste.

How to Add Lottie Animations to a Website with HTML

Add Lottie with HTML, and customize the look of the animation and player.

How to Add Lottie Animations to a Website with HTML

Add Lottie with HTML, and customize the look of the animation and player.

How to Add Lottie Animations to a Website with HTML

Add Lottie with HTML, and customize the look of the animation and player.

Create. Collaborate. Ship.

Want to list your Lottie integrations? LottieFiles invites you to bring motion to your products and services via Lottie.

Submit integration

Create. Collaborate. Ship.

Want to list your Lottie integrations? LottieFiles invites you to bring motion to your products and services via Lottie.

Submit integration

Create. Collaborate. Ship.

Want to list your Lottie integrations? LottieFiles invites you to bring motion to your products and services via Lottie.

Submit integration

Region:

International

Español

Português

한국어

日本

Français

Deutsch

LottieFiles is by Design Barn Inc.

Made with ❤️ fromVietnam

Feedback

Press

Meet the team

Careers

Region:

International

Español

Português

한국어

日本

Français

Deutsch

LottieFiles is by Design Barn Inc.

Made with ❤️ fromVietnam

Feedback

Press

Meet the team

Careers