State Machines Tutorial: Implement State Machines on Web with dotlottie-react
LottieFiles·Nov 7, 2025·5 mins 59 secs
Learn how to integrate State Machines from Lottie Creator into your website using dotLottie React.
This tutorial shows you how to set up the player, modify your site for interactivity, and make runtime updates; all to bring your animations to life on the web.
Remix this animation: https://lottie.link/clickabletags
Explore State Machines: https://lottie.link/state-machines-yt
11 Videos · 1 hr 13 mins 13 secs
1
4:49State Machines Explained : Overview of Segments, Inputs, Transitions & MoreLottieFiles
2
5:49State Machines Tutorial Part 1: Creating an Interactive Radial Menu with Segments & StatesLottieFiles
3
11:02State Machines Tutorial Part 2: Adding Inputs & Transitions on an Interactive Radial MenuLottieFiles
4
4:16State Machines Tutorial Part 3: Adding Interactions & Exporting the Radial MenuLottieFiles
5:59State Machines Tutorial: Implement State Machines on Web with dotlottie-reactLottieFiles
6
7:32State Machines Tutorial: Implement State Machines on iOSLottieFiles
7
7:21State Machines Tutorial: Implement State Machines on AndroidLottieFiles
8
5:37Animation tutorial: Adding interactivity into a counting number animation (Part 2)LottieFiles
9
8:31How to add UI interactions With Figma & Lottie CreatorLottieFiles
10
5:22Interactive animation tutorial with After Effects & Lottie CreatorLottieFiles
11
6:55Create interactive animation without coding | State Machines TutorialLottieFiles
4:49
State Machines Explained : Overview of Segments, Inputs, Transitions & More
LottieFiles
5:49
State Machines Tutorial Part 1: Creating an Interactive Radial Menu with Segments & States
LottieFiles
11:02
State Machines Tutorial Part 2: Adding Inputs & Transitions on an Interactive Radial Menu
LottieFiles