LottieFiles
A vintage arcade game machine with a screen displaying a light green swirl with LottieFiles logo and a pink control panel.

Designing with Lottie Animations

Unlock the full spectrum of design techniques for Lottie animations, where each guide empowers you to push creative boundaries and innovate with intent.

10 articles

Lottie Character Animation: Bring Your Brand Mascot to Life

Design Inspiration

6 Dec 2025

6 min read

Lottie Character Animation: Bring Your Brand Mascot to Life

Lottie’s unique qualities are ideal for personality-driven motion.

Prompt to State Machines: AI for Interactive Animations

Working with Lottie Animations

30 Oct 2025

4 min read

Prompt to State Machines: AI for Interactive Animations

Create state machines with AI for interactive animations to use across digital platforms.

dotLottie State Machines Tutorial: How to Bring Your Animations From Idle to Action

Working with Lottie Animations

10 Oct 2025

4 min read

dotLottie State Machines Tutorial: How to Bring Your Animations From Idle to Action

Explore dynamic transitions based on user input and triggers.

State Machines Tutorial: How Number Inputs Work with Star Rating Example

Working with Lottie Animations

25 Sept 2025

5 min read

State Machines Tutorial: How Number Inputs Work with Star Rating Example

Elevate your user experiences with a star rating system.

State Machines Are Finally in Lottie Creator

Working with Lottie Animations

23 Sept 2025

5 min read

State Machines Are Finally in Lottie Creator

A new chapter of motion, is now in motion.

dotLottie for Enterprise & Teams: The Animation Format Your Enterprise Needs

Working with Lottie Animations

3 Jul 2025

4 min read

dotLottie for Enterprise & Teams: The Animation Format Your Enterprise Needs

The need for performant and versatile animation formats has never been more urgent.

The Next Chapter of Lottie: LottieFiles’ All-in-One Motion Platform

Working with Lottie Animations

6 Jun 2025

6 min read

The Next Chapter of Lottie: LottieFiles’ All-in-One Motion Platform

We’re making motion more accessible, flexible, and impactful—for everyone.

How to add Lottie JSON and dotLottie animation files on Framer

Working with Lottie Animations

1 Jun 2023

3 min read

How to add Lottie JSON and dotLottie animation files on Framer

Create an amazing animated website with just a few clicks.

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.

How to Design a Mobile App User Interface

Working with Lottie Animations

19 Nov 2021

7 min read

How to Design a Mobile App User Interface

This article will walk you through designing a mobile app user interface to engage users and convert the engagement into revenue. So let's get started.