Hey everyone, George here.
We’ve just rolled out the updated Flutter support for the dotLottie format. And it’s not just a “we added a line of code” kind of update. This change unlocks a smoother, more unified workflow for engineers.
“But… I’m a designer, not an engineer!”
That’s right! As a designer, you’re building interactive animations in tools like Lottie Creator with state machines, inputs, events. You want those designs to work everywhere: web, iOS, Android… and now Flutter.
Until now, engineers working in Flutter had to take a detour if they wanted to support newer dotLotties, since the development of dotLottie had outpaced the capabilities of the library. Now that’s no longer the case, thanks to dotlottie Flutter supporting State Machines, full playback control, theme support and cross-platform compatibility (eiOS, Android, macOS, web).
For engineering, that means you can reuse the same animation files and logic across platforms. For design, that means fewer compromises, and fewer “Sorry, this isn’t going to work” conversations.
How this came about
Initially we planned to outsource the Flutter work: find experts, contract them, ship the library. But we realized this problem would just keep happening unless we learned Flutter and handled it in-house, so our team looked around and said
After a focused effort, we brought it up to speed with the other dotLottie packages. The result: the Flutter library now behaves like a first-class citizen in the dotLottie ecosystem.
What’s new in dotLottie Flutter
Here are the biggest upgrades:
State Machine support: Load state machines and drive them via inputs/events. Example usage:
controller.stateMachineSetBooleanInput('isActive', true);
controller.stateMachineFire('myEvent');
Full playback & control API: Play, pause, stop, seek, loop, segments, markers, etc.
Cross-platform compatibility: Works on iOS, Android, macOS, and Web via Flutter.
Cleaner API & modern defaults: Less boilerplate, more consistency with other platforms.
What this means for you
Designers:
You can build your interactive animations once and trust that they’ll work on Flutter just like they do everywhere else. No more platform-specific compromise.
Engineers (Flutter folks):
You now have a unified pipeline for animations. One format, one API surface, across platforms. Your life just got simpler.
Give it a try
Install the package:
flutter pub add dotlottie_flutter
Import into your Dart code and start using:
import 'package:dotlottie_flutter/dotlottie_flutter.dart';
Load your animation, state machine, fire some events, and see how it behaves exactly as it does in Creator.
Wrap-up
This Flutter update for dotLottie doesn’t just fill a gap; it completes the picture. Our ecosystem now supports interactive animations with state machines across every mainstream platform, including Flutter.
Big thanks to the team for driving this through, and to you for all the feedback that made it a priority. Go ahead, test it out, build something unexpected, and let us know what you create.
