Loading video...

Video Failed to Load

Go Home

Introducing text-to-lottie: an open source skill and harness for generating production ready Lottie animations with codex/claude code. $ npx skills add diffusionstudio/lottie Prompts guide and repo in the comments.

konstipaulus's profile picture

konstantinpaulus

8,401 subscribers

885,347 views • 4 months ago •via X (Twitter)

ArtsEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

A big skill upgrade to text-to-lottie Better design taste, better motion, fewer random design decisions, fewer refinements Generate polished Lottie animations with Claude Code, Codex or Cursor Try it: $ npx skills add diffusionstudio/lottie
0:18

A big skill upgrade to text-to-lottie Better design taste, better motion, fewer random design decisions, fewer refinements Generate polished Lottie animations with Claude Code, Codex or Cursor Try it: $ npx skills add diffusionstudio/lottie

Doruk

133,968 views • 4 months ago

text-to-lottie now supports text editing Generate Lottie templates with Claude Code, Codex or Cursor Perfect for teams: create once, reuse anytime Try it: $ npx skills add diffusionstudio/lottie
0:13

text-to-lottie now supports text editing Generate Lottie templates with Claude Code, Codex or Cursor Perfect for teams: create once, reuse anytime Try it: $ npx skills add diffusionstudio/lottie

Doruk

38,030 views • 4 months ago

We're building After Effects for the web. Vector animation that goes from design to production, built on Lottie, the industry-standard for product animation. Describe what you want and Motion Copilot animates it, or generate Lottie straight from Codex/Claude with our MCP. All in the browser. This is Lottie Creator 2.0. The biggest update we've ever shipped.
0:10

We're building After Effects for the web. Vector animation that goes from design to production, built on Lottie, the industry-standard for product animation. Describe what you want and Motion Copilot animates it, or generate Lottie straight from Codex/Claude with our MCP. All in the browser. This is Lottie Creator 2.0. The biggest update we've ever shipped.

Nattu

20,973 views • 3 months ago

One more thing :) Introducing: Lottie Creator An easy-to-use, web-based motion creation tool: ✳️ Create a Lottie from scratch ✳️ Import illustrations & Lottie from a private library ✳️ Customize & export in any format ✳️ and more! Join the waitlist at:
0:14

One more thing :) Introducing: Lottie Creator An easy-to-use, web-based motion creation tool: ✳️ Create a Lottie from scratch ✳️ Import illustrations & Lottie from a private library ✳️ Customize & export in any format ✳️ and more! Join the waitlist at:

LottieFiles

34,276 views • 3 years ago

new release for text-to-cad, an open source CAD harness and skills for codex / claude: - mechanism validation (go from text prompt to functional mechanical design) - parameters + animations for step files - extended sdf, srdf, urdf support 3k stars, 10k downloads, we cooking
0:17

new release for text-to-cad, an open source CAD harness and skills for codex / claude: - mechanism validation (go from text prompt to functional mechanical design) - parameters + animations for step files - extended sdf, srdf, urdf support 3k stars, 10k downloads, we cooking

Jake Fitzgerald

255,244 views • 5 months ago

Added 7 new transitions for agentic UI to library, 32+ free transitions total Copy the code or use them via the skill for Claude, Cursor, or Codex. npx skills add jakubantalik/transitions.dev
0:17

Added 7 new transitions for agentic UI to library, 32+ free transitions total Copy the code or use them via the skill for Claude, Cursor, or Codex. npx skills add jakubantalik/transitions.dev

Jakub Antalik

30,862 views • 2 months ago

🎥| TOMLINSON FAMILY Lottie Tomlinson is getting married! Congratulations to Lottie and Lewis, a beautiful family! ❤️
0:16

🎥| TOMLINSON FAMILY Lottie Tomlinson is getting married! Congratulations to Lottie and Lewis, a beautiful family! ❤️

World Tomlinson

181,899 views • 3 years ago

made this with text to lottie and claude code my workflow: design something in figma or just make a rough draft. then ask claude to animate it you'd be surprised how easy it is to add easings, masks, transforms, text effects and all the motion details you can also ask claude to export it as a gif, mp4, png sequence, resize it in different aspect ratios claude and codex already creates something with taste and if you know what you want to create, this workflow is really useful and btw, it's free
0:19

made this with text to lottie and claude code my workflow: design something in figma or just make a rough draft. then ask claude to animate it you'd be surprised how easy it is to add easings, masks, transforms, text effects and all the motion details you can also ask claude to export it as a gif, mp4, png sequence, resize it in different aspect ratios claude and codex already creates something with taste and if you know what you want to create, this workflow is really useful and btw, it's free

Doruk

14,966 views • 4 months ago

🪄 We're excited to introduce #Lottie by @airbnbdesign support! 🎉 Simply drop a JSON or Lottie file on the patch graph and hook it up to the Lottie Animation patch. 💻 Download the latest version of Origami at:
0:15

🪄 We're excited to introduce #Lottie by @airbnbdesign support! 🎉 Simply drop a JSON or Lottie file on the patch graph and hook it up to the Lottie Animation patch. 💻 Download the latest version of Origami at:

Origami

59,215 views • 3 years ago

Introducing React Grab Select any element on your page → tell Claude Code or Codex what to change Fully open source npx react-grab@latest
0:14

Introducing React Grab Select any element on your page → tell Claude Code or Codex what to change Fully open source npx react-grab@latest

Aiden Bai

959,031 views • 8 months ago

A massive shout out to the amazing Lottie Lou Clarke Lottie Lou Clarke | Venus, Berlin 🇩🇪. Check out her amazing account filled with 🌶️ content. 🔥Lottie Lou Clarke | Venus, Berlin 🇩🇪🔥
0:15

Sensitive content

A massive shout out to the amazing Lottie Lou Clarke Lottie Lou Clarke | Venus, Berlin 🇩🇪. Check out her amazing account filled with 🌶️ content. 🔥Lottie Lou Clarke | Venus, Berlin 🇩🇪🔥

Pinnacle Trends

71,151 views • 6 months ago

Added 12 new transitions to 33 total You can copy as CSS or React code or use as a skill for Claude, Cursor or Codex or use with Refine tool npx skills add jakubantalik/transitions.dev
0:13

Added 12 new transitions to 33 total You can copy as CSS or React code or use as a skill for Claude, Cursor or Codex or use with Refine tool npx skills add jakubantalik/transitions.dev

Jakub Antalik

74,750 views • 3 months ago

Added new transitions to There are now 21 transitions you can copy as CSS or React code or use as a skill for Claude, Cursor or Codex npx skills add jakubantalik/transitions.dev
0:15

Added new transitions to There are now 21 transitions you can copy as CSS or React code or use as a skill for Claude, Cursor or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

221,494 views • 4 months ago

And now for some cuteness ❣️ Daddy and Lottie 😍
0:18

And now for some cuteness ❣️ Daddy and Lottie 😍

HarrysGreySuit

166,235 views • 3 years ago

Gave DeepSeek vision with one skill. npx -y skills add liustack/modlens Repo link 👇
0:15

Gave DeepSeek vision with one skill. npx -y skills add liustack/modlens Repo link 👇

Kai

37,561 views • 3 months ago

Lottie is truly remarkable for website animations. We refactored our homepage animations Dub.co from Rive → Lottie, resulting in 90% smaller file sizes. At our scale, this saved us $1K+/mo on Cloudfront 🤯 h/t Nattu for the pro-tip + Marcus Farrell for the refactor
0:12

Lottie is truly remarkable for website animations. We refactored our homepage animations Dub.co from Rive → Lottie, resulting in 90% smaller file sizes. At our scale, this saved us $1K+/mo on Cloudfront 🤯 h/t Nattu for the pro-tip + Marcus Farrell for the refactor

Steven Tey

64,307 views • 10 months ago

Lottie Woad with the early move. This long birdie putt drops and gets her to -3 for the Championship.
0:13

Lottie Woad with the early move. This long birdie putt drops and gets her to -3 for the Championship.

AIG Women’s Open

36,875 views • 3 months ago

How i build with Claude👇 Three.js = 360 rotatable product zero plugin needed WebGL PointLight = UVC glow reacts to scroll position CSS scroll-snap = buttery infinite horizontal product scroll GSAP ScrollTrigger = product pins while copy scrolls alongside Lottie via lottie-web = After Effects animations play in browser Save this
0:10

How i build with Claude👇 Three.js = 360 rotatable product zero plugin needed WebGL PointLight = UVC glow reacts to scroll position CSS scroll-snap = buttery infinite horizontal product scroll GSAP ScrollTrigger = product pins while copy scrolls alongside Lottie via lottie-web = After Effects animations play in browser Save this

FHILY👑

168,621 views • 5 months ago

Opus 4.7 can build Lottie Animations. One prompt via Lottie Creator MCP → 500 particles, each with its own path, easing, and arrival frame. I didn't touch a keyframe. What should I ask it to build next? Best reply, I'll make it.
0:14

Opus 4.7 can build Lottie Animations. One prompt via Lottie Creator MCP → 500 particles, each with its own path, easing, and arrival frame. I didn't touch a keyframe. What should I ask it to build next? Best reply, I'll make it.

Nattu

187,792 views • 6 months ago

Lottie Woad rolls in the long birdie on the first hole to take an early lead for Europe!
0:10

Lottie Woad rolls in the long birdie on the first hole to take an early lead for Europe!

LPGA

19,677 views • 1 month ago