LottieFiles Tools

LottieFiles Tools

Explore the diverse range of tools at LottieFiles. Whether you're creating, tweaking, or optimizing, LottieFiles provides the collaboration ecosystem for your creative journey.

41 articles

How to Customize Lottie Animations on Lottie Editor with CSS Classes

Working with Lottie Animations

13 Feb 2023

4 min read

How to Customize Lottie Animations on Lottie Editor with CSS Classes

Change color and customize your Lottie animation by adding ID tags and classes to target layers with CSS!

New and Improved Lottie Editor for Seamless Animation Editing

Working with Lottie Animations

8 Feb 2023

4 min read

New and Improved Lottie Editor for Seamless Animation Editing

The new Lottie Editor simplifies the animation process by making it easier to adjust, color changes and optimize or conceal layers.

Here’s What You Can Do with the New LottieFiles Mobile App

Working with Lottie Animations

23 Nov 2022

5 min read

Here’s What You Can Do with the New LottieFiles Mobile App

Create animated designs, share them straight to social media, customize animations and more.

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

Tips and Tutorials

3 Nov 2022

6 min read

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

Add motion anywhere – even if you can’t code or design.

4 Ways to Edit Your Lottie Animations

Working with Lottie Animations

27 Oct 2022

5 min read

4 Ways to Edit Your Lottie Animations

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

Introducing LottieFiles’ New Collaborative Features for a Better Design Workflow

Working with Lottie Animations

24 Oct 2022

5 min read

Introducing LottieFiles’ New Collaborative Features for a Better Design Workflow

It’s never been easier to work on motion design projects with your team.

How to Optimize Lottie Files for Faster Page Load Speeds

Working with Lottie Animations

18 Oct 2022

4 min read

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 Download Animated Stickers for WhatsApp and Telegram

Working with Lottie Animations

14 Oct 2022

3 min read

How to Download Animated Stickers for WhatsApp and Telegram

Level up your messaging game with animated stickers.

How to Add Lottie Animations to Adobe Express on Mobile

Tips and Tutorials

11 Oct 2022

3 min read

How to Add Lottie Animations to Adobe Express on Mobile

Create awesome animated designs with just a few taps.

How to Create Animated Instagram (IG) Stories and Reels with LottieFiles

Working with Lottie Animations

6 Oct 2022

3 min read

How to Create Animated Instagram (IG) Stories and Reels with LottieFiles

Awesome animated content is just a few taps away.

How to Embed Lottie Animations Anywhere, Without Code

Working with Lottie Animations

9 Sept 2022

4 min read

How to Embed Lottie Animations Anywhere, Without Code

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

How to Upload Your Animations to LottieFiles

Working with Lottie Animations

1 Sept 2022

6 min read

How to Upload Your Animations to LottieFiles

Upload your animations, then optionally, share them publicly.

A Guide to Motion Design

Tips and Tutorials

26 Aug 2022

9 min read

A Guide to Motion Design

What is motion design, and why does it matter?

How to Add Lottie Animations to a Website with HTML

Working with Lottie Animations

11 Aug 2022

6 min read

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 Create Animated TikTok Videos with the LottieFiles Mobile App

Working with Lottie Animations

20 Jun 2022

4 min read

How to Create Animated TikTok Videos with the LottieFiles Mobile App

Share free, customized Lottie animations to TikTok – without leaving your mobile device.

How to Add Animations to Instagram (IG) Stories with the LottieFiles Mobile App

Working with Lottie Animations

17 Jun 2022

4 min read

How to Add Animations to Instagram (IG) Stories with the LottieFiles Mobile App

Create animated posts and stories without leaving your mobile device.

A Guide to Color Theory for Motion Design

Tips and Tutorials

16 Jun 2022

10 min read

A Guide to Color Theory for Motion Design

Learn how to pick the right colors and apply them to animations with the Color Palette feature.

What’s the Difference Between PNG, SVG and Lottie File Formats?

Working with Lottie Animations

19 Apr 2022

7 min read

What’s the Difference Between PNG, SVG and Lottie File Formats?

Here’s how they compare, and when you might use each file type.