LottieFiles
Lightweight, scalable animations
4.8•19 reviews•2.8K followers
Lightweight, scalable animations
4.8•19 reviews•2.8K 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!
Motion Copilot is top of my list to try. Getting past the empty timeline is the real bottleneck. Congrats on Shipping!
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
@leo404 Hey Leopold, I worked on state machines. Inad's reply nailed it on the head but feel free to ask any more questions if you have any. I'm super excited that we implemented the gesture controls across platforms so that devs don't have to themselves. It can be a complete frictionless handoff, cheers!
LottieFiles
@leo404 Thanks for this comment, Leopold!
You can wire up transitions directly in the Creator's state machine mode and the dotlottie player will handle it, once the right condition or trigger is met. We have a tutorial here, if you need more details!
Don't hesitate to reach out in our community if you need more help with this.
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!
I've been using it for the past few months and I'm so proud of what the team has built here. I love the Physics Editor: makes confetti animations so fast and easy. Also Motion Presets and Easing Curves really help companies build their definitive Motion System, which enables a whole new level of consistency and speed on teams.
But without a doubt, my favorite part is still Motion Copilot. Watching an idea turn into an animation in seconds with a simple prompt never gets old. Feels like absolute magic.
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!
LottieFiles
@inerds This is damn impressive. Being able to describe an idea and watch it turn into an animation feels a bit unreal. Can't wait to try Motion Copilot!!! congrats to the whole team! ✨
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!
First off, congratulations to the team on Lottie Creator 2.0! It’s been a milestone we’ve all been counting down to.
For me personally, my favorite features are Motion Tokens and State Machines. Interactive and responsive animation is just so fascinating to me, and being able to build that with the power of dotLottie still blows my mind.
As a non-designer, getting started was definitely a learning experience. But once I got the hang of a few tricks, everything started to click and the logic became more clear. I can't wait to see what everyone creates! 😊
LottieFiles
@lubleep Thank you for all your support in this launch Mariyam, we really appreciate it!
IconScout
@lubleep I'm with you! Apart from its web-based nature (so I don't have to jump between tools or install heavy software) and the super helpful Motion Copilot, Motion Tokens stole my attention the most. They make editing and scaling the use of animations a lot smoother and structured. Congratulations Creator 2.0 team!