Search animations⌘K

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

Education Lottie CreatorNew CertificationsNew Tutorials

Be a Lottie Creator pro.
Learn it all here.

From getting the basics down to picking up the most advanced techniques, here’s where you’ll find everything you’ll need to master our powerful animation tool.

State Machines

State Machines Tutorial Part 3: Adding Interactions & Exporting the Radial Menu

by LottieFiles

State Machines Tutorial Part 3: Adding Interactions & Exporting the Radial Menu

Watch tutorial

State Machines

State Machines Tutorial Part 2: Adding Inputs & Transitions on an Interactive Radial Menu

by LottieFiles

State Machines Tutorial Part 2: Adding Inputs & Transitions on an Interactive Radial Menu

Watch tutorial

State Machines

State Machines Tutorial Part 1: Creating an Interactive Radial Menu with Segments & States

by LottieFiles

State Machines Tutorial Part 1: Creating an Interactive Radial Menu with Segments & States

Watch tutorial

All

Get Started

Animation

Design

Timeline

Implementation

AI

State Machines

All Lottie Creator tutorials

31 tutorials

Remix link included

Thumbnail for State Machines Tutorial Part 2: Adding Inputs & Transitions on an Interactive Radial Menu

11:02

Watch tutorial

State Machines Tutorial Part 2: Adding Inputs & Transitions on an Interactive Radial Menu

In the second part of our State Machines tutorial, we’ll take the interactive radial menu a step further by adding inputs and transitions to make it respond in real time.

Thumbnail for State Machines Explained : Overview of Segments, Inputs, Transitions & More

4:49

Watch tutorial

State Machines Explained : Overview of Segments, Inputs, Transitions & More

Learn what state machines are, how they work in Lottie Creator, and why they make animations interactive.

Thumbnail for State Machines Tutorial: Implement State Machines on iOS

7:32

Watch tutorial

State Machines Tutorial: Implement State Machines on iOS

Bring your Lottie State Machine to life on iOS from setup to interaction.

Thumbnail for State Machines Tutorial: Implement State Machines on Web with dotlottie-react

5:59

Watch tutorial

State Machines Tutorial: Implement State Machines on Web with dotlottie-react

Learn how to integrate State Machines from Lottie Creator into your website using dotLottie React.

Thumbnail for State Machines Tutorial Part 3: Adding Interactions & Exporting the Radial Menu

4:16

Watch tutorial

State Machines Tutorial Part 3: Adding Interactions & Exporting the Radial Menu

You’ll learn how to connect interactions, export your animation, and hand it over for implementation.

Thumbnail for State Machines Tutorial Part 1: Creating an Interactive Radial Menu with Segments & States

5:49

Watch tutorial

State Machines Tutorial Part 1: Creating an Interactive Radial Menu with Segments & States

Learn how to turn Lottie animations into interactive experiences using State Machines. In this video, we’ll break down a radial menu into modular segments and make it respond to clicks and hovers.