LottieFiles
Lightweight, scalable animations
4.8•19 reviews•2.7K followers
Lightweight, scalable animations
4.8•19 reviews•2.7K followers
Create, edit, test, collaborate and ship a Lottie in the easiest way possible.
This is the 16th launch from LottieFiles. View more
Lottie Creator 2.0
Launching today
Yes, we're calling it: After Effects for the web. Design vector animations from scratch in your browser, move faster with Motion Copilot AI, wire up interactivity with State Machines, and export production-ready Lottie + dotLottie. No desktop app. No dev handoff.
Free
Launch Team / Built With
LottieFiles
Hi PH!
On behalf of the Creator team, we are beyond excited to finally share our latest milestone with you: Lottie Creator 2.0!
Over the last year of building Lottie Creator, the same problem kept surfacing: on the modern web, there is a clear gap between simple tools and tools that enable you to unleash your full creative potential. That's where Lottie Creator 2.0 comes in to bridge that gap!
We’ve done our best to put YOU in the driver’s seat, all while automating the boring stuff away.
Boss on your back and you need to quickly align an entire animated brand kit? Use the Motion Systems and standardize look and feel across multiple animations. Working on a one-of-a-kind masterpiece? Use the new Graph Editor to tweak every important frame to tell your story (and lets be real: every frame is important). Need to blaze through adding interactivity for your animations? Use a combo of State Machines and Copilot to perform the repetitive clicks, while your brain focuses on your next creative idea.
We hope you give Lottie Creator 2.0 a shot, and let us know about your experience. The team is actively sourcing feedback (the good, the bad, the ugly) for us to take the product to the next level, so please don’t hesitate to reach out to us.
We’re so excited to see your animations out there in the wild!
The State Machines feature is what I wanted to understand more — specifically how complex the exported dotLottie gets when you layer multiple interactive states. I use Lottie for small animated microinteractions in web projects and the dev handoff is usually where the friction shows up. Does the dotLottie bundle the state machine logic so the player handles transitions automatically, or does the developer still need to write state-triggering code around it? That answer changes whether this replaces the whole handoff or just the design side.
LottieFiles
Great question, @leo404 !
State machine logic is bundled inside the .lottie file, including the states, transitions, conditions, actions, interactions, and inputs.
dotLottie player reads that definition and handles the transitions at runtime.
For interactions like clicks, hovers, pointer events, or animation completion, the triggers can live inside the state machine, so developers do not need to recreate that logic in code.
If a transition depends on something outside the animation, such as app state or an API response, the developer only needs to pass that value or event to the state machine. The transition logic still stays inside the .lottie file.
Adding more states will add more animation and state data, but it remains a single compressed bundle. So for many microinteractions, this should make the handoff much simpler.
For more technical details, you can read our Interactivity & State Machines guide and the full dotLottie 2.0 specification.
LottieFiles
Hi Product Hunter!
Lottie Creator creator here (no pun intended). This is what's behind the Lottie Creator 2.0.
We started Creator with a challenging goal: bring advanced, production-grade animation tools to the browser while lowering the barrier to creating motion.
Historically, producing sophisticated animations for digital products has required complex desktop software, specialized expertise, and continuous installation, maintenance and updates.
With Creator 2.0, we’re building a different kind of motion tool—one that is approachable when you’re juts getting started, yet powerful enough for experienced animators to create detailed, high-quality work.
Creator gives you the precision you’d expect from a professional animation environment, including keyframe animation, a graph editor, and advanced easing controls to build complex motion directly in your browser.
We’ve also designed Creator to be AI-first. Motion Copilot helps you move from an idea to an editable animation, within seconds. AI-powered raster-to-vector conversion remove repetitive steps and give you a stronger starting point. AI doesn’t replace the creative process—it augments your creativity where your judgment and craft matter faster.
Some of the biggest additions in Creator 2.0 include:
Advanced keyframing and graph-editor controls for precise motion
Motion Copilot and AI-powered creation workflows
State Machines for building interactive animations
Motion Tokens for creating dynamic, data-driven motion
Motion Systems for standardizing animation across products and brands
Multiple animations and states packaged into a single dotLottie file
An extensible plugin ecosystem for expanding what Creator can do
Creator is for motion designers, product designers, developers, and teams that want to treat animation as a core part of the product experience—not as a decorative asset added at the end. Our larger vision is to make sophisticated motion easier to create, systemize, and ship at scale, without taking control away from the creator. We’d love your feedback on the advanced animation workflow, our AI features, and how Motion Tokens and Motion Systems could fit into the way you build motion today.
Thanks for checking out Lottie Creator 2.0!
Congrats to the Lottie Creator team! I'm impressed by how easy it's gotten to make animations. Something like this would have required hours of tutorials in the past, but Creator is really intuitive.
I also really appreciate that it works on the web. I've been playing around with Linux a lot lately (on top of my Mac/Windows computers), and browser-based software makes compatibility a breeze. I don't need to worry about downloading and installing anything.
And the Motion Copilot AI is probably the first time I've seen a motion design tool implement AI properly, so major kudos to the people who put that together!
LottieFiles
@georgeatlottiefiles Thank you, George! Don't be shy to share some of your made-on-Linux animations, we would love to see those!
Motion Copilot has changed the way I experiment with animations. Instead of starting from a blank timeline every time, I can quickly generate a direction, iterate on it, and spend more time polishing the final result. It's become a regular part of my workflow.
LottieFiles
@kshitij_minglani1 Glad to see you're enjoying it
LottieFiles
Really proud to be part of the team behind Lottie Creator 2.0!
A lot of work went into this release, and it’s great to finally share it with everyone.
I’m especially excited about the improved Motion Copilot. You can just describe what you want, and it can help you create animations using powerful features like Motion Tokens and State Machines.
It honestly feels a bit like magic. ✨
If you try it, please share your feedback with us. good or bad. We’re very open to hearing what could be better and what you’d like to see next!
What I love about Motion Copilot is that it gets me past the hardest part, which is starting. I feed it a rough idea, it gives me something to react to, and from there I just keep refining until it feels right.
LottieFiles
@serhiii Thank you for this, Serhii! Let us know if you've got any more feedback, we'd love to make it easier to get started in Creator.