LottieFiles
Lightweight, scalable animations
4.8•19 reviews•3K followers
Lightweight, scalable animations
4.8•19 reviews•3K 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!
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.
@karinfam Amazing!!
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.
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!
One thing I really like about Creator 2.0 is that everything happens directly in the browser. There is nothing to install, and I do not have to keep switching between different tools just to try something out. I can open it, start working, and see how an idea feels almost immediately.
That small difference makes the whole process feel much more approachable. I am more willing to experiment, make quick changes, and test different motion ideas because there is less setup getting in the way. It feels easier to stay focused on the work itself instead of thinking about the tools around it.
LottieFiles
Love hearing this @wenjieshen !
Creator also saves your work automatically, so you can always come back and pick up where you left off. Keep exploring, and please share any feedback or ideas with us!
after effects for the web is a bold thing to put on the box, and the right bar to aim at. does 2.0 change anything about the handoff, or is the export still the same drop-it-in lottie file devs already know?
LottieFiles
@alex_watson2110 Hey Alex, thanks for reaffirming our direction, we hope to (if not now, then eventually) live up to that bar!
With 2.0 we've expanded the export and download flow within the Creator. You still have the option to export and handoff your dotlottie files the way you've always done with your team, but you also have the option to download directly from Creator now.
If you have more feedback for how we can improve that particular flow, we'd love to hear it as well.
Bringing motion design to the web without needing After Effects itself is a real accessibility unlock — most teams have someone who can tweak a Lottie file but nobody who can drive AE. Curious how much of the After Effects feature set actually translates to the web builder versus what's a deliberately simplified subset — full expressions/effects support is usually where these web-based tools hit a ceiling.
LottieFiles
@abhineetarora By “After Effects for the web,” we mean bringing a familiar timeline-based vector animation workflow into the browser, not 1:1 AE feature parity.
Creator is deliberately focused around Lottie and dotLottie. It already supports nearly the full dotLottie feature set, including State Machines and Motion Tokens, and we’re continuing to add more.
The full range of AE features and effects isn’t supported, and runtime compatibility can also vary by the player used.
We’d love to know which AE features matter most to your workflow.
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.