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!

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! Lottielab Interactivity is a game changer for designers. Can't wait to see how teams enhance their user experiences with it! Excited for the possibilities! 🚀

This is a game changer for designers! Excited to see interactive animations elevate user experiences. Kudos to @drewosophy and the team for this release! Can't wait to try it out.

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, I'm curious, how easy is it to integrate the interactive animations into existing projects? Congrats on the launch!

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!

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?

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.

❤️