Lottie Creator 2.0 - After Effects for the web, built on Lottie
by•
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.
Replies
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!
LottieFiles
@aditya_phulallwar That empty-timeline freeze is exactly why we built Copilot. Describe what you want and it hands you an editable animation to start from instead of a blank canvas. Would love to hear how it holds up on your first go.
@aditya_phulallwar Agreed, learning how to use the timeline can be tough for beginners. It'd be great if users could more easily discover ways to create animations with less effort.
@karinfam Amazing!!
@karinfam Congrats on the launch! What kind of animations do people end up creating the most? UI animations, marketing assets, or something else?
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!
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! ✨
LottieFiles
Massive congrats to the Creator team on this huge 2.0 milestone! 🎉 While I’m not on the core Creator team myself, but my team had an absolute blast collaborating with them to improving and integration dotLottie Motion Tokens and State Machines into this release.
Seeing these features come to life directly in the browser is honestly surreal. State Machines completely change the game by making interactive animations incredibly accessible, and Motion Tokens opens up so many dynamic styling possibilities for production. Really proud of the cross-team effort here. I genuinely can't wait to see all the interactive experiments the community builds with this! 🚀
LottieFiles
@theashraf ❤️
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
minimalist phone: reduce your screentime
Directly gonna share this with our team of designers :)
@busmark_w_nika Your team might especially love the Motion System inside Creator 2.0. It lets teams standardize color, easing, and motion presets in one place. Would love to hear what they think!
LottieFiles
@busmark_w_nika Thank you for the support, Nika! We're excited to see your team shipping those animations!
minimalist phone: reduce your screentime
@karinfam Thank you guys for our graphic and UX/UI designer it will be helpful :)
I honestly didn't expect Motion Copilot to become such a big part of my workflow, but here we are. 😄
As someone who works with motion design and animation regularly, I constantly have ideas I'd love to try—but many of them never make it past the "what if" stage because prototyping takes time. Motion Copilot has completely changed that.
Instead of spending hours building a rough proof of concept, I can quickly explore different animation ideas, iterate on them, and see what works. That freedom to experiment has made me much more creative because the cost of trying something new is so much lower.
It's become one of those tools I open without even thinking about it. Whether I'm exploring interactions, testing animation concepts, or simply looking for inspiration, it helps me move from idea to prototype in minutes instead of hours.
The biggest value for me isn't just the time it saves—it's that it encourages experimentation. I've ended up creating animations I probably would have abandoned before because they seemed too time-consuming to prototype.
If you work with motion design, animation, or interactive experiences, Motion Copilot is one of those tools that quietly becomes indispensable once it's part of your workflow.
@pecsundar honestly motion copilot has saved me hours of chasing animation directions. the new version goes wayyyy further. it builds animations from scratch, so i start with something and I can keep refining it instead of staring at an empty canvas.
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!
The distinction between standard trigger types living in the bundle versus app-state transitions needing a passthrough is exactly what I was trying to understand — sounds like most microinteractions I would reach for this tool for would be the self-contained case. The gesture controls across platforms is a bonus I hadn't even considered. Thanks for the detail.
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.
Best part of any launch: seeing what the community builds next. Show us what you make with Creator 2.0 especially motion copilot 2.0!