Lottielab Interactivity — Create and export interactive Lottie animations easily

Hey everyone, My name is Drew. I'm a designer and one of the co-founders of Lottielab. We are super excited to be launching one of our biggest releases till date into beta - Lottielab interactivity. Lottielab interactivity enables you to easily create and export interactive lottie animations that react to user actions, to your websites and apps. This includes creating states for your animation (state machine), and adding events and triggers such as hover, click, scroll, custom events that can be hooked up with user actions in code, and more. Since founding Lottielab, our mission has been to empower design and product teams to create engaging animated user experiences more easily, and we set out to build the easiest and most powerful Lottie animation editor to accomplish this. Today, Lottielab is the best-in-class animation editor enabling thousands of leading design and development teams such as OpenAI, Google, Monzo, Microsoft and more to create delightful animated experiences. One of the most requested features since our launch has been interactivity. Designers wish to not just create designs or animations, but to also craft the entire user experience by adding interactive elements (events and triggers) that respond to user actions themselves. This was a world that was limited only to developers before and done in code, with designers relying on handing off static files and notes to explain interactions, which has become a frustrating process for both sides. Lottielab makes this entire process seamless, enabling designers to leverage a familiar Figma-like interface to create interactive animations without limit. - Add states and advanced transition properties such as 'blends' to blend the transition between states, easing types and more. - Add triggers to any layer or artboard to set them as a target for interaction. - Select from a range of pre-defined events such as clicks, hovers, scrolls and more, or add custom events and formulas that can be hooked up by developers to custom user actions in code. - Preview, test and share your animations easily without the Lottielab preview playground. - Publish/ Embed your animations across various platforms from E.g Framer, Webflow, Wordpress, React apps, and various other web and mobile platforms. - Import designs from Figma, animations from After Effects, or SVGs into Lottielab to bring them to life with interactivity. This means that design and product teams can explore improve user experiences across a multitude of use cases such as onboarding animations, website hero and product showcases, micro-animations and icons, success animations, interactive charts and more... We are looking forward to seeing you all take it for a spin and let us know your thoughts. We are continuously improving Lottielab and our interactivity features, so if you have any feedback, questions or further suggestions, please don't hesitate to share them with us. Happy hunting!

The demo video is super cool - tons of out of box interaction designs and states. I can see the collab power between dev and design to use this to go full circle on designs they are creating. When will the lab be smart enough to have ready made or AI generated assets that non-designers can play around with as well? That'd be an amazing way for someone who's an indie maker to create awesome animations a well! Congrats on the launch @drewosophy and team!

Hey Andrew! Definitely loved it. It may be cause I'm a former designer, but I deeply feel it goes beyond. The tool is super cool but it also gives 'engagement' to web sites. Hope all the makers feel the same and wish you all the best here! Congrats team!

this is great i use Lottie a lot in my web app, i love it it's so lightweight and animated. always thought if I could easily create an interactive lottie that would really help a lot with the UX.

You are going to make a designer out of all of us! Really great demo. Looking forward to trying the export functionality to see how easy it is to integrate with my existing large code base.

How was the ad created for this? I love it and think it's the best ad for a SaaS that I've ever seen!!

Super excited after playing around with this a bit! Definitely beats After Effects for the simpler animations with the intuitive interface.

Congrats on the launch! Definitely showing this to our designer :) What's the pricing? Not sure I want to sign up on your landing page without knowing the pricing upfront!

Came across your product accidentally, and now have to go and Google Lottie stuff:) But frankly, sounds pretty promising for me as a product marketer. Kudos!

Congrats on the launch @drewosophy! This looks like a game-changer for creating dynamic animations. How easy is it to integrate these interactive elements into existing projects?

I've used the product a few months ago and totally loved it. Had some questions about a certain functionality and asked for help on discord where I was assisted in record time. Super excited to try out the interactivity beta and include it in our workflow!

Hey Andrew, this is definitely one of the coolest products I've seen! I will definitely be using this to add components to my site. Congrats on the progress and I hope you have a very successful launch.

Hey Andrew, I'm curious, how easy is it to integrate the interactive animations into existing projects? Congrats on the launch!

This sounds intriguing! How does Lottielab Interactivity make creating interactive animations user-friendly and accessible? I can't wait to see the possibilities this tool offers!

Nice launch, guys! Couldn't not notice how the logo looks oddly similar to Shipfast.AI 🤨

This looks promising, @drewosophy! The ability to add interactivity directly in Lottielab is a game-changer. I wonder how intuitive the interface will be for those who are not as familiar with animation or coding? Also, can you elaborate on the state machine feature? It sounds intriguing but a bit complex. How do designers typically implement it in their workflows? I'm particularly interested in the integration with platforms like Webflow and Figma. Are there any limitations we should be aware of when using those connections? Excited to see how Lottielab interactivity can transform user engagement! Will there be any tutorials or resources to help new users get started?

This sounds groundbreaking! Excited to see how Lottielab will change the game for designers. What projects do you envision using this tool for first?

Congratulations on launch of Lottielab Interactivity....

very nice congrats with your launch,when is mobile creativity and editing is gonna ve available

Congrats on the launch, Drew! Lottielab Interactivity sounds like a game-changer for designers looking to enhance user experiences. The features you mentioned, like state machines and the ability to add triggers without needing to dive into code, really will bridge the gap between design and development. It's impressive to see how Lottielab is evolving to meet user needs. The mention of integrations with platforms like Figma and the ease of embedding animations makes it a must-try for many teams. Excited to see how it enables more engaging interactions in our projects! I can't wait to put Lottielab Interactivity to the test and explore the potential it unlocks. Kudos to you and the team for addressing a critical need in our industry! Looking forward to more updates and continuous improvements. Happy hunting!