Loading video...

Video Failed to Load

Go Home

🚀 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's profile picture

LottieFiles

25,514 subscribers

14,243 views • 10 months ago •via X (Twitter)

#LottieStateMachines#dotLottieStateMachines#InteractiveAnimations
LIVE

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!
0:54

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

LottieFiles

147,495 views • 8 months 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
1:16

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 • 1 year 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?
0:34

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,458 views • 3 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. 👉🏻
0:52

✨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!
0:47

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

85,957 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 👇
1:19

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

26,486 views • 4 days 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 ✨
0:45

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,895 views • 2 years 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:
0:49

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,406 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:
0:29

🚀 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 • 11 months ago

🎉Adobe After Effects, in the browser. .AEP now supported in Lottie Creator. Drag, Drop, Edit & Ship a lightweight, interactive Lottie.
0:22

🎉Adobe After Effects, in the browser. .AEP now supported in Lottie Creator. Drag, Drop, Edit & Ship a lightweight, interactive Lottie.

LottieFiles

63,039 views • 4 months ago

I created a Claude Skill that make beautiful slides on the web. The world hasn't woken up to the fact that code can create much better slides than most PPT tools. - Claude interviews you first about aesthetics, then generate a few directions to "show not tell", and you can pick your favorite - Cool transitions and animations - Interactive hover states and cursor effects - Auto-fits on any screen - Supports converting existing PPTX files to web-based slides; preserves original images and brand assets I asked Claude to make a slide show about this skill to showcase what it can do. Link to skill below
1:02

I created a Claude Skill that make beautiful slides on the web. The world hasn't woken up to the fact that code can create much better slides than most PPT tools. - Claude interviews you first about aesthetics, then generate a few directions to "show not tell", and you can pick your favorite - Cool transitions and animations - Interactive hover states and cursor effects - Auto-fits on any screen - Supports converting existing PPTX files to web-based slides; preserves original images and brand assets I asked Claude to make a slide show about this skill to showcase what it can do. Link to skill below

Zara Zhang

1,510,112 views • 5 months ago

here comes WebAtlas: our "Google Maps" for tissue atlases with integrated single cell and spatial transcriptomics so anyone & anywhere can access/explore atlas datasets on a web browser. Fantastic collab with Muzlifah Haniffa, led by Tong LI 李彤 Dave Horsfall & Daniela. Links 👇
0:58

here comes WebAtlas: our "Google Maps" for tissue atlases with integrated single cell and spatial transcriptomics so anyone & anywhere can access/explore atlas datasets on a web browser. Fantastic collab with Muzlifah Haniffa, led by Tong LI 李彤 Dave Horsfall & Daniela. Links 👇

Omer Ali Bayraktar

53,008 views • 3 years ago

✨ Introducing AI Prompt to Vector. Create design assets using AI & animate them using Lottie Creator. Motion design simplified at:
0:46

✨ Introducing AI Prompt to Vector. Create design assets using AI & animate them using Lottie Creator. Motion design simplified at:

LottieFiles

59,496 views • 2 years ago

Introducing SF Catalog ✨ A new app I’ve been building for SF Symbols. Search symbols, bookmark, create collections, & more Adding code generation, export options next. Comment “TestFlight” and I’ll invite you. Would love your feedback to help shape it 😄 #SwiftUI
0:51

Introducing SF Catalog ✨ A new app I’ve been building for SF Symbols. Search symbols, bookmark, create collections, & more Adding code generation, export options next. Comment “TestFlight” and I’ll invite you. Would love your feedback to help shape it 😄 #SwiftUI

Shubham Singh

13,235 views • 5 months ago

Hey 👋 I'm available for the next 4-5 weeks 📅 If you have a small project and are looking for a creative developer (front-end & back-end), and want to push your project to the next level with interactions, transitions and animations : I'm here 👀 ✉️ hello@quentinhocde.com
0:29

Hey 👋 I'm available for the next 4-5 weeks 📅 If you have a small project and are looking for a creative developer (front-end & back-end), and want to push your project to the next level with interactions, transitions and animations : I'm here 👀 ✉️ [email protected]

Quentin Hocdé

42,184 views • 2 years ago

Prompt to Vector just got a big upgrade. You type what you want, it gives you editable SVGs. Tweak them right there, animate, ship as dotLottie.
0:53

Prompt to Vector just got a big upgrade. You type what you want, it gives you editable SVGs. Tweak them right there, animate, ship as dotLottie.

LottieFiles

21,003 views • 4 months ago

🚀 Introducing Motion Copilot! - Describe your animation in any language & watch it turn into keyframes. - Overcome creative blocks and save hours of tedious work. - Collaborate with AI to refine & customize to perfection. Try on Lottie Creator today! 👉
1:09

🚀 Introducing Motion Copilot! - Describe your animation in any language & watch it turn into keyframes. - Overcome creative blocks and save hours of tedious work. - Collaborate with AI to refine & customize to perfection. Try on Lottie Creator today! 👉

LottieFiles

71,910 views • 2 years ago

🚀 Exciting news! The GeoAI Python package just got a major upgrade. It now supports interactive geospatial data visualization powered by AI Agents. 🌍✨ GitHub: Full tutorial: 🌍 In this tutorial, you’ll learn how to build interactive maps powered by AI agents that respond to natural language queries. Watch how you can fly to any city, add raster or vector layers, visualize 3D buildings, and explore geospatial data—all without writing code. Perfect for developers, researchers, and anyone curious about AI, GIS, and interactive mapping. #geospatial #mapping #python #GeoAI #AI
1:16

🚀 Exciting news! The GeoAI Python package just got a major upgrade. It now supports interactive geospatial data visualization powered by AI Agents. 🌍✨ GitHub: Full tutorial: 🌍 In this tutorial, you’ll learn how to build interactive maps powered by AI agents that respond to natural language queries. Watch how you can fly to any city, add raster or vector layers, visualize 3D buildings, and explore geospatial data—all without writing code. Perfect for developers, researchers, and anyone curious about AI, GIS, and interactive mapping. #geospatial #mapping #python #GeoAI #AI

Qiusheng Wu

12,831 views • 9 months ago

🎉 Canva now natively supports Lottie. Access over 100,000 free, ready-to-use Lottie animations to your presentations, websites, social media posts & more!
1:01

🎉 Canva now natively supports Lottie. Access over 100,000 free, ready-to-use Lottie animations to your presentations, websites, social media posts & more!

LottieFiles

40,196 views • 2 years ago

In 16 minutes we vibe coded a Web App and a Mobile App.... That share a backend Using Claude Code inside the Without writing a single line of code. App we built: instagram, except all the other users are AI agents that can post, like and comment. 00:00 Introduction 00:33 Starting with the Web App 01:08 First Prompt and Initial Setup 01:43 Authentication Process 02:49 Adding APIs and Enhancements 03:59 Testing the Web App 05:04 Redesigning the Web App 05:59 The Importance of Understanding Databases 07:20 Adding AI Agents 08:44 Setting Up the Admin Panel 10:02 Speeding Up Time for Testing 11:14 Finalizing the Web App 13:24 Building the Mobile App 16:11 Final Thoughts
16:39

In 16 minutes we vibe coded a Web App and a Mobile App.... That share a backend Using Claude Code inside the Without writing a single line of code. App we built: instagram, except all the other users are AI agents that can post, like and comment. 00:00 Introduction 00:33 Starting with the Web App 01:08 First Prompt and Initial Setup 01:43 Authentication Process 02:49 Adding APIs and Enhancements 03:59 Testing the Web App 05:04 Redesigning the Web App 05:59 The Importance of Understanding Databases 07:20 Adding AI Agents 08:44 Setting Up the Admin Panel 10:02 Speeding Up Time for Testing 11:14 Finalizing the Web App 13:24 Building the Mobile App 16:11 Final Thoughts

Riley Brown

68,207 views • 5 months ago