Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

🚀 State Machines are here. Create interactive animations without code. Set transitions, states & triggers, and then export a single dotLottie for web & mobile. ✨ Explore interactivity: #LottieStateMachines #dotLottieStateMachines #InteractiveAnimations

LottieFiles

25,903 subscribers

14,254 views • 1 year ago •via X (Twitter)

#LottieStateMachines #dotLottieStateMachines #InteractiveAnimations

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Prompt → State Machines ✨ Interactive animations are now just a prompt away!

Prompt → State Machines ✨ Interactive animations are now just a prompt away!

LottieFiles

147,538 views • 1 year ago

Streamline your development workflow with Lottie and dotLottie, our newest and most optimized animation format. ✨ High-quality and scalable Lottie animations. ✨ Supports interactivity. ✨ Supported across platforms. ✨ Faster loading times. Explore more at

Streamline your development workflow with Lottie and dotLottie, our newest and most optimized animation format. ✨ High-quality and scalable Lottie animations. ✨ Supports interactivity. ✨ Supported across platforms. ✨ Faster loading times. Explore more at

LottieFiles

14,484 views • 2 years ago

You've been building interactive animations in Figma for years. You just couldn't ship them. State Machines are now live in our plugin, your prototype interactions export as a dotLottie file. States, triggers, logic intact. Drop it into any app, any platform. Same Figma. Now it ships. What have you been prototyping that you wish you could just export?

You've been building interactive animations in Figma for years. You just couldn't ship them. State Machines are now live in our plugin, your prototype interactions export as a dotLottie file. States, triggers, logic intact. Drop it into any app, any platform. Same Figma. Now it ships. What have you been prototyping that you wish you could just export?

Nattu

21,557 views • 6 months ago

✨LottieFiles for Webflow: Bring your websites to life with lightweight Lottie animations. 🌟 Load animations faster with optimized dotLottie files. 🌟 Customize animations to match your site’s color palette. 🌟 Access 100K+ free animations or your team’s private collection. 🌟 Seamlessly embed animations with Webflow’s interactivity support. 👉🏻

✨LottieFiles for Webflow: Bring your websites to life with lightweight Lottie animations. 🌟 Load animations faster with optimized dotLottie files. 🌟 Customize animations to match your site’s color palette. 🌟 Access 100K+ free animations or your team’s private collection. 🌟 Seamlessly embed animations with Webflow’s interactivity support. 👉🏻

LottieFiles

47,008 views • 2 years ago

Lottie Creator is here! A powerful web-based Lottie animation tool. 🚀 🌟 Timeline & keyframes 🌟 SVG import 🌟 Animation presets 🌟 100,000+ Lottie animations & more Get started at today!

Lottie Creator is here! A powerful web-based Lottie animation tool. 🚀 🌟 Timeline & keyframes 🌟 SVG import 🌟 Animation presets 🌟 100,000+ Lottie animations & more Get started at today!

LottieFiles

86,044 views • 2 years ago

A professional motion studio now runs entirely in your browser. Meet Lottie Creator 2.0: describe an animation & Motion Copilot builds it, shape every curve in the new graph editor, add interactivity with State Machines & export production-ready Lottie. No installs, nothing to maintain. Try it free 👇

A professional motion studio now runs entirely in your browser. Meet Lottie Creator 2.0: describe an animation & Motion Copilot builds it, shape every curve in the new graph editor, add interactivity with State Machines & export production-ready Lottie. No installs, nothing to maintain. Try it free 👇

LottieFiles

29,015 views • 3 months ago

🌗 Introducing Lottie Theming: one file, infinite possibilities. 🌈 Effortlessly switch between light mode, dark mode, or create custom themes. Embed multiple themes in a single dotLottie file—no more duplicate assets! Try it today:

Sensitive content

🌗 Introducing Lottie Theming: one file, infinite possibilities. 🌈 Effortlessly switch between light mode, dark mode, or create custom themes. Embed multiple themes in a single dotLottie file—no more duplicate assets! Try it today:

LottieFiles

20,462 views • 1 year ago

Arrow Dynamics (by Framer.zip) is a single code-component library that lets you create interactive 2D animations and patterns right inside Framer 🎛️ Tried to create something different for the landing page. (Link ↓) P.S: Flat design is over ✨

Arrow Dynamics (by Framer.zip) is a single code-component library that lets you create interactive 2D animations and patterns right inside Framer 🎛️ Tried to create something different for the landing page. (Link ↓) P.S: Flat design is over ✨

Rahul Chakraborty

107,926 views • 2 years ago

Greatest mobile interactive design inspiration. Designers, I found this insane website for mobile interactive design inspiration. 60fps is a curated showcase of top-tier animations and interactions from the best iOS, Android, and web apps, perfect for anyone obsessed with motion and micro-interactions.

Greatest mobile interactive design inspiration. Designers, I found this insane website for mobile interactive design inspiration. 60fps is a curated showcase of top-tier animations and interactions from the best iOS, Android, and web apps, perfect for anyone obsessed with motion and micro-interactions.

Abraham John 🦄🦓

41,545 views • 1 year ago

Introducing Hana, a new canvas for interactivity. - Events & States - Real-time Vector Nets & Booleans - Production-ready exports - and more! Thread! 🧵

Introducing Hana, a new canvas for interactivity. - Events & States - Real-time Vector Nets & Booleans - Production-ready exports - and more! Thread! 🧵

Spline

2,793,372 views • 1 year ago

Introducing Reweb 2.0 - The Cursor & Figma baby Generate, edit & explore designs with AI. Export React and shadcn code. Available today in open beta.

Introducing Reweb 2.0 - The Cursor & Figma baby Generate, edit & explore designs with AI. Export React and shadcn code. Available today in open beta.

Mattia

94,008 views • 1 year ago

Have you tried out the View Transitions API? ✨ Been playing have a play with it this evening 👀 A bit of JavaScript Web Animations API usage for those rainbow lines but sets me up for another demo idea! 💡 Repo && deets 👇

Have you tried out the View Transitions API? ✨ Been playing have a play with it this evening 👀 A bit of JavaScript Web Animations API usage for those rainbow lines but sets me up for another demo idea! 💡 Repo && deets 👇

jhey ʕ•ᴥ•ʔ

346,329 views • 3 years ago

The Chrome DevTools Animations inspector is a favorite. Modify timing, delays and durations. Great for working with CSS Animations & View Transitions.

The Chrome DevTools Animations inspector is a favorite. Modify timing, delays and durations. Great for working with CSS Animations & View Transitions.

Addy Osmani

33,965 views • 2 years ago

Omnara (Omnara) is the first command center for AI agents. Start Claude Code in your terminal, then continue on web or mobile with real-time notifications. Try it free: pip install omnara && omnara ·

Omnara (Omnara) is the first command center for AI agents. Start Claude Code in your terminal, then continue on web or mobile with real-time notifications. Try it free: pip install omnara && omnara ·

Y Combinator

88,738 views • 1 year ago

🚀 Introducing Kineto! Our AI-powered platform lets you create web apps and websites without writing a single line of code. Perfect for small, single-purpose applications like plant trackers, fitness apps, blogs, planners, quiz apps... the list goes on! Built for creative minds who want to focus on ideas, not code. Join the waitlist:

🚀 Introducing Kineto! Our AI-powered platform lets you create web apps and websites without writing a single line of code. Perfect for small, single-purpose applications like plant trackers, fitness apps, blogs, planners, quiz apps... the list goes on! Built for creative minds who want to focus on ideas, not code. Join the waitlist:

JetBrains

83,189 views • 1 year ago

🚀 Introducing Code Remix for MicroGPT! 🧑‍💻✨ Now, you can highlight any piece of code and let MicroGPT generate optimized and varied versions instantly! ⚡ Improve performance, explore different approaches, and refine your code—all with a single request.

🚀 Introducing Code Remix for MicroGPT! 🧑‍💻✨ Now, you can highlight any piece of code and let MicroGPT generate optimized and varied versions instantly! ⚡ Improve performance, explore different approaches, and refine your code—all with a single request.

MicroGPT

161,331 views • 1 year ago

Introducing SF Catalog ✨ A better way to work with SF Symbols. Explore, filter by availability, try modifiers & animations, and grab the UIKit / SwiftUI code when it looks right. Available on iPhone & Mac #swiftui

Introducing SF Catalog ✨ A better way to work with SF Symbols. Explore, filter by availability, try modifiers & animations, and grab the UIKit / SwiftUI code when it looks right. Available on iPhone & Mac #swiftui

Shubham Singh

16,767 views • 7 months ago

Excited to announce gluestack-ui v1.0! 🤩 A universal & performant UI components library for web & mobile! gluestack v1 is — 🎨 Unstyled / Themed ⚡️ Performant ♿️ Accessible 🖥️ Responsive 🌙 Dark-mode enabled 📱 For React Native & Web RT & vote here:

Excited to announce gluestack-ui v1.0! 🤩 A universal & performant UI components library for web & mobile! gluestack v1 is — 🎨 Unstyled / Themed ⚡️ Performant ♿️ Accessible 🖥️ Responsive 🌙 Dark-mode enabled 📱 For React Native & Web RT & vote here:

Sanket Sahu

41,693 views • 3 years ago

New to Featured Workflows: Seamless Transitions. Now you can create multiple generations with a single consistent subject interacting with different objects across various scenes and environments. All in a single, easy to use Workflow without the need for complex prompting. Explore the full collection of Featured Workflows or create your own at

New to Featured Workflows: Seamless Transitions. Now you can create multiple generations with a single consistent subject interacting with different objects across various scenes and environments. All in a single, easy to use Workflow without the need for complex prompting. Explore the full collection of Featured Workflows or create your own at

Runway

52,203 views • 9 months ago

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.

Mattia

163,355 views • 2 years ago