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.

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... show more

Nattu

28,643 subscribers

18,545 views • 2 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Every time a new model drops, someone says designers are dead. Fable 5 is the biggest one yet. So I gave it the LottieFiles Creator MCP and asked it to animate. Real Lottie, one prompt, runs in production. Does this kill motion designers, or finally put it in everyone's hands?

Every time a new model drops, someone says designers are dead. Fable 5 is the biggest one yet. So I gave it the LottieFiles Creator MCP and asked it to animate. Real Lottie, one prompt, runs in production. Does this kill motion designers, or finally put it in everyone's hands?

Nattu

35,662 views • 1 month ago

Claude Code + Higgsfield MCP is f*cking cracked 🤯 I built an entire DTC ad campaign inside Claude Code using the new Higgsfield MCP. One product URL → hero static, animated hero shot, 2 UGC clips with a creator wearing the product. 5 assets. One Claude conversation. 3 Higgsfield models. All inside Claude Code. Perfect for DTC brands and agencies who need full campaign packages without booking a shoot or briefing a designer. If you're spending hours every week generating statics in one tool, briefing a motion designer for the hero clip, then chasing a UGC creator for the talking-head shots — this MCP eliminates the entire pipeline: → Drop a product URL into Claude Code → Claude pulls the brand brief — voice, hero SKUs, visual style, target customer → Generates the hero static with ChatGPT Images 2.0 → Animates it into a 5-second cinematic opener with Seedance 2.0 → Generates a UGC creator with GPT Image 2 → Drops her in the product and generates 2 native UGC video clips with Seedance 2.0 No tab-switching between tools. No copy-pasting prompts between platforms. No briefing 3 different vendors for one campaign. What you get: → A complete campaign package — static, animation, UGC — from one product URL → Brand-specific outputs that pull from a real brief, not generic AI slop → Claude making creative decisions between every step (which variation wins, which creator fits the persona, which clip needs a re-spin) → A repeatable pipeline you can run for any product in your catalog Built 100% in Claude Code with the Higgsfield MCP. I recorded a full walkthrough showing exactly how this works: the MCP setup, every prompt, every model, the full campaign output. Want the full video walkthrough? > Like this post > Comment "MCP" And I'll send it over (must be following so I can DM)

Mike Futia

29,483 views • 2 months ago

Anyone telling you AI can one-prompt motion videos is bullshitting you Here's what it really takes to produce this kind of work: - Ideation: we have multiple people with years of editing and animation experience come up with ideas, pacing etc - Design: each animation gets designed by multiple professional product designers - Production: absolutely goated motion designers work together on it & art director is making sure that everything is hitting the quality standard One-prompt this, sure

Anyone telling you AI can one-prompt motion videos is bullshitting you Here's what it really takes to produce this kind of work: - Ideation: we have multiple people with years of editing and animation experience come up with ideas, pacing etc - Design: each animation gets designed by multiple professional product designers - Production: absolutely goated motion designers work together on it & art director is making sure that everything is hitting the quality standard One-prompt this, sure

leo

33,800 views • 1 month ago

Breaking down the lil-Max animation from the rig foundation to the finished render. Lil Max is a cartoony version of our main rig Max. Lil'Max is built for cartoony, flexible animation. You can push timing, exaggerate poses, and explore ideas you normally couldn’t with a standard rig. You can grab it on our asset store: Or complete our Free Mini-Course (3 Day Blender Bender) to get the rig at an 80% discount! #toanimate #blender #animation

Breaking down the lil-Max animation from the rig foundation to the finished render. Lil Max is a cartoony version of our main rig Max. Lil'Max is built for cartoony, flexible animation. You can push timing, exaggerate poses, and explore ideas you normally couldn’t with a standard rig. You can grab it on our asset store: Or complete our Free Mini-Course (3 Day Blender Bender) to get the rig at an 80% discount! #toanimate #blender #animation

TOAnimate

16,777 views • 7 months ago

3. Summarize and explain web pages Copilot can summarize a long web page in just a few words. It's also the best way to explain certain terms or concepts you don't understand. - Go to the web page you want - Click on the Copilot icon - Enter your prompt, specifying that you're talking about the page you're currently on Prompt: "Summarize this web page in 5 short bullet points, then explain the technical terms in simple words". Note: You can also generate new content from the web page. For example, ask Copilot to "Write a new blog post introduction that summarizes this information".

3. Summarize and explain web pages Copilot can summarize a long web page in just a few words. It's also the best way to explain certain terms or concepts you don't understand. - Go to the web page you want - Click on the Copilot icon - Enter your prompt, specifying that you're talking about the page you're currently on Prompt: "Summarize this web page in 5 short bullet points, then explain the technical terms in simple words". Note: You can also generate new content from the web page. For example, ask Copilot to "Write a new blog post introduction that summarizes this information".

Paul Couvert

84,785 views • 2 years ago

MCP support is rolling out now in Postman! Excited to see what you all are going to be building with MCP and Agents. Thank you for all the early access developers who gave feedback and helped improve the product.

MCP support is rolling out now in Postman! Excited to see what you all are going to be building with MCP and Agents. Thank you for all the early access developers who gave feedback and helped improve the product.

Abhinav Asthana

54,350 views • 1 year ago

Fable 5 just dropped and someone already built a $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark this

Fable 5 just dropped and someone already built a $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark this

Fokki

72,175 views • 20 days ago

Claude Code + Google Stitch 2.0 is f*cking cracked 🤯 Google just dropped a free AI design agent that solves Claude Code's biggest weakness: frontend design. One screenshot of a high-converting landing page → a production-ready site for your brand in minutes. All inside Google Stitch + Claude Code. Perfect for DTC brands and agencies who are building advertorial pages and product launch pages for Meta but burning days on designer back-and-forth. If you're running Meta ads and need 5-10 different landing pages testing different hooks, angles, and offers — each one targeting a different audience and pain point — you know the bottleneck isn't the ads. It's the pages. Briefing designers, waiting for revisions, paying $2-5K per page. Stitch eliminates the design bottleneck: → Find a high-converting advertorial that's scaling on Meta → Screenshot it and drop it into Stitch (powered by Gemini 3.1) → Stitch redesigns it with your brand's colors, fonts, and imagery using Nano Banana 2 → Edit sections visually — headlines, CTAs, layouts — without touching code → Export the code and paste it into Claude Code → Claude builds the full production site and deploys to Vercel or Netlify in 60 seconds No designer. No $3K per landing page. No Claude Code frontend that looks like a template from 2019. What you get: → Designer-quality landing pages and advertorials built in minutes, not weeks → Visual editing so you actually see the design before you code it → Nano Banana 2 generating on-brand product imagery and hero shots → A repeatable system — new angle, new page, same pipeline Built 100% with Google Stitch 2.0 + Claude Code. I put together a full playbook showing the exact workflow: how to find winning pages, redesign them in Stitch, and deploy with Claude Code. Want it for free? > Like this post > Comment "STITCH" And I'll send it over (must be following so I can DM)

Mike Futia

125,713 views • 4 months ago

Seedance 2.0 + Claude Code is f*cking insane 🤯 I built a Claude skill that creates UGC ads on demand. One product + one prompt = the AI creator, the script, the scene-by-scene shot list, and the finished video. All inside Claude Code. Perfect for DTC brands and agencies who can't afford to keep paying $500-$1,500 per UGC video and waiting 2 weeks for revisions. This skill eliminates the entire loop: → Tell Claude the product, ad angle, and length → Skill writes the GPT Image 2.0 prompt to generate the AI creator from scratch → Skill writes every scene prompt, dialogue line, and delivery direction → Pipes it into Seedance 2.0 with character + product + voice locked → Speed up + caption in CapCut → Ship the ad in 20 minutes No more paying $11 per video on Arcads. No more 2-week revision cycles. No more PR boxes to creators who ghost you. What you get: → Perfect character consistency across every scene → Voice consistency that holds clip-to-clip → Real product fidelity using your actual product photo as a reference → Multi-scene day-in-life, testimonial, and action-shot formats out of the box Built 100% with a Claude skill + Seedance 2.0. I recorded a full step-by-step tutorial showing the exact workflow so you can build these AI UGC ads yourself. Want the full breakdown? > Like this post > Comment "UGC" And I'll send it over (must be following so I can DM)

Seedance 2.0 + Claude Code is f*cking insane 🤯 I built a Claude skill that creates UGC ads on demand. One product + one prompt = the AI creator, the script, the scene-by-scene shot list, and the finished video. All inside Claude Code. Perfect for DTC brands and agencies who can't afford to keep paying $500-$1,500 per UGC video and waiting 2 weeks for revisions. This skill eliminates the entire loop: → Tell Claude the product, ad angle, and length → Skill writes the GPT Image 2.0 prompt to generate the AI creator from scratch → Skill writes every scene prompt, dialogue line, and delivery direction → Pipes it into Seedance 2.0 with character + product + voice locked → Speed up + caption in CapCut → Ship the ad in 20 minutes No more paying $11 per video on Arcads. No more 2-week revision cycles. No more PR boxes to creators who ghost you. What you get: → Perfect character consistency across every scene → Voice consistency that holds clip-to-clip → Real product fidelity using your actual product photo as a reference → Multi-scene day-in-life, testimonial, and action-shot formats out of the box Built 100% with a Claude skill + Seedance 2.0. I recorded a full step-by-step tutorial showing the exact workflow so you can build these AI UGC ads yourself. Want the full breakdown? > Like this post > Comment "UGC" And I'll send it over (must be following so I can DM)

Mike Futia

38,723 views • 2 months ago

Alrighty, everything is ready 😎 here’s an unofficial “2x Codex limits” promo from my side for you all. meet DevSpace — an MCP connector app that turns ChatGPT into Codex. npm install -g @waishnav/devspace After installing, tunnel the MCP server over the internet and enjoy 2x limits. You can use GPT-5.5 Pro, xHigh, or High for planning, then hand off the task to your local Codex/pi/opencode/cursor/claude code instance. Or you can just use it for reviewing code written by other local coding agents Go ahead, experiment with different workflows, and keep the feedback coming on GitHub Issues or in my DMs And let’s thank OpenAI for being so generous by giving us separate ChatGPT and Codex limits and by being so chill around this MCP :) Please use it sparingly, only when you run out of limits. Don’t overuse it — in the end, they do have a button to stop it 🙂

Alrighty, everything is ready 😎 here’s an unofficial “2x Codex limits” promo from my side for you all. meet DevSpace — an MCP connector app that turns ChatGPT into Codex. npm install -g @waishnav/devspace After installing, tunnel the MCP server over the internet and enjoy 2x limits. You can use GPT-5.5 Pro, xHigh, or High for planning, then hand off the task to your local Codex/pi/opencode/cursor/claude code instance. Or you can just use it for reviewing code written by other local coding agents Go ahead, experiment with different workflows, and keep the feedback coming on GitHub Issues or in my DMs And let’s thank OpenAI for being so generous by giving us separate ChatGPT and Codex limits and by being so chill around this MCP :) Please use it sparingly, only when you run out of limits. Don’t overuse it — in the end, they do have a button to stop it 🙂

waishnav

527,704 views • 1 month ago

I built a clone of the Yeezy store with Next.js. This was a fun challenge — the site has some smooth animations and feels very fast. But it was bothering me that I couldn't use the browser back button. Can we do better? So I rebuilt the site with v0 and Motion. Here's how it works: 1. When you click on a product, Motion is able to animate the original position of the product in the grid, to the zoomed in product detail page. 2. During this transition, we also shallow update the URL with the `/p/slug` route for the page. 3. If you press the back button in the navbar, or use the browser back button, or press escape — all options will take you back to the main product listing page. 4. If you reload the page while looking at a product, or someone sends you a link to a specific product, it still works! This is the best parts of a SPA and MPA mixed together. In the future, I can make this even better with View Transitions (I wasn't able to get the product animation just right, but if you can I'd love to see it!). I also took some creative liberties from the original design. The whole 1/2/3 size thing, where you needed to click the "?" to see SM/MD/LG was strange, so I just went directly to those sizes. Similarly, I prefered the more traditional style sheet/modal with the background color change, versus the full screen takeover. If you wanted to actually hook this up to Shopify now, you can swap the cart implementation with Next.js Commerce, which has all the APIs you need + optimistic writes 🔥 Should I make a video walking through the code?

I built a clone of the Yeezy store with Next.js. This was a fun challenge — the site has some smooth animations and feels very fast. But it was bothering me that I couldn't use the browser back button. Can we do better? So I rebuilt the site with v0 and Motion. Here's how it works: 1. When you click on a product, Motion is able to animate the original position of the product in the grid, to the zoomed in product detail page. 2. During this transition, we also shallow update the URL with the `/p/slug` route for the page. 3. If you press the back button in the navbar, or use the browser back button, or press escape — all options will take you back to the main product listing page. 4. If you reload the page while looking at a product, or someone sends you a link to a specific product, it still works! This is the best parts of a SPA and MPA mixed together. In the future, I can make this even better with View Transitions (I wasn't able to get the product animation just right, but if you can I'd love to see it!). I also took some creative liberties from the original design. The whole 1/2/3 size thing, where you needed to click the "?" to see SM/MD/LG was strange, so I just went directly to those sizes. Similarly, I prefered the more traditional style sheet/modal with the background color change, versus the full screen takeover. If you wanted to actually hook this up to Shopify now, you can swap the cart implementation with Next.js Commerce, which has all the APIs you need + optimistic writes 🔥 Should I make a video walking through the code?

Lee Robinson

148,840 views • 1 year ago

How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒

How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒

FHILY👑

76,046 views • 2 months ago

Fuzey Fam, I am asking for all of your support here... I spent the past year and half building this for you. Our blood, sweat and tears went into this for you. We believe this is the product that will take your stream and growth to that next level without having to hire a professional designer! If you believe in what we're building and support this community, use it. build with it. make your stream beautiful with it. I guarantee you're going to LOVE it. IS NOW LIVE 💛 Love Fuzey

Fuzey Fam, I am asking for all of your support here... I spent the past year and half building this for you. Our blood, sweat and tears went into this for you. We believe this is the product that will take your stream and growth to that next level without having to hire a professional designer! If you believe in what we're building and support this community, use it. build with it. make your stream beautiful with it. I guarantee you're going to LOVE it. IS NOW LIVE 💛 Love Fuzey

Fuzey

363,259 views • 11 months ago

Seedance 2.0 is live on TopviewAI it’s the best platform giving amazing Anime results Unlike tools that only generate short segments, Topview Agent lets you create and assemble your entire video in one workflow. A duel for the ages. Every frame is a masterpiece of motion and light Made with Seedance 2.0 it can make unbelievable good animation anime🔥

Seedance 2.0 is live on TopviewAI it’s the best platform giving amazing Anime results Unlike tools that only generate short segments, Topview Agent lets you create and assemble your entire video in one workflow. A duel for the ages. Every frame is a masterpiece of motion and light Made with Seedance 2.0 it can make unbelievable good animation anime🔥

Yaseen Khan Gul

80,366 views • 4 months ago

Before the part ever touches the machine, it's already been built. This is a 5-axis toolpath, programmed in CAM to map every angle, every pass and every cut. When it's ready, that program goes straight to our DMG MORI. The machine rotates and the tool engages. Then, it executes exactly what you see on screen, with extreme precision. Five axes of motion provide complex geometry in a single setup, with better accuracy. This is precision manufacturing for satellites at our factory in Northern California. 🇺🇸

Before the part ever touches the machine, it's already been built. This is a 5-axis toolpath, programmed in CAM to map every angle, every pass and every cut. When it's ready, that program goes straight to our DMG MORI. The machine rotates and the tool engages. Then, it executes exactly what you see on screen, with extreme precision. Five axes of motion provide complex geometry in a single setup, with better accuracy. This is precision manufacturing for satellites at our factory in Northern California. 🇺🇸

Astranis Space Technologies

12,558 views • 3 months ago

WE'VE BEEN SITTING ON A SECRET... 🤫 Wishing everyone a happy #InternationalDayOfCharity and also, a message: Don't ever think you can't make a difference. For each other, for others, for people you'll never meet, for causes. The Fallout community ceased being a community long ago, because in actuality - we're a found family. We hail from all over the world, come from all walks of life, and we all found home in the strangest of places: the end. Since #FalloutForHope began this community has raised almost $1 million for those in need and we've helped each other when we've needed it. That's family. We're thrilled to share that this October 23rd, we're going "home" for a holiday that embodies the spirit of our community. This #FalloutDay, for the first time, we'll be live from Bethesda in Rockville with Scottykfitness and we can't wait for you to see what we have planned... Please stand by. Looking to get involved? Start here 👇

WE'VE BEEN SITTING ON A SECRET... 🤫 Wishing everyone a happy #InternationalDayOfCharity and also, a message: Don't ever think you can't make a difference. For each other, for others, for people you'll never meet, for causes. The Fallout community ceased being a community long ago, because in actuality - we're a found family. We hail from all over the world, come from all walks of life, and we all found home in the strangest of places: the end. Since #FalloutForHope began this community has raised almost $1 million for those in need and we've helped each other when we've needed it. That's family. We're thrilled to share that this October 23rd, we're going "home" for a holiday that embodies the spirit of our community. This #FalloutDay, for the first time, we'll be live from Bethesda in Rockville with Scottykfitness and we can't wait for you to see what we have planned... Please stand by. Looking to get involved? Start here 👇

FalloutForHope 🔜 GCX @ Universal Orlando Resort

44,749 views • 10 months ago

Hey friends! Started building something and decided I want to build it in public. This is a collection of all the bookmarks, saves regarding design, technology or inspiration that I find on web and what I really like. This is one of the many pages I am excited to show ☺️

Hey friends! Started building something and decided I want to build it in public. This is a collection of all the bookmarks, saves regarding design, technology or inspiration that I find on web and what I really like. This is one of the many pages I am excited to show ☺️

nikola

203,429 views • 3 years ago

THIS GUY VIBE CODED A BROWSER TOOL WITH CLAUDE CODE THAT DRAWS PROPERTY LINES ONTO DRONE FOOTAGE AND KEEPS THEM LOCKED TO THE GROUND AS THE DRONE MOVES real estate agents kept asking for those property boundary overlays on drone videos so buyers can see exactly where a lot ends. the only real option was after effects, which is a massive pro tool for one small repeatable job so he built a browser tool that does just that one thing > drop in a drone clip and draw the parcel outline once on the first frame > gpu motion tracking keeps that boundary stuck to the ground as the drone flies and the perspective shifts > if the line drifts anywhere, you drop a keyframe to correct it and it re-tracks the segments around it > style the line however you want, then export the finished video > free to use, you dont even need an account until you export he built one tool that solves one annoying job perfectly, for people who were never going to learn after effects anyway

THIS GUY VIBE CODED A BROWSER TOOL WITH CLAUDE CODE THAT DRAWS PROPERTY LINES ONTO DRONE FOOTAGE AND KEEPS THEM LOCKED TO THE GROUND AS THE DRONE MOVES real estate agents kept asking for those property boundary overlays on drone videos so buyers can see exactly where a lot ends. the only real option was after effects, which is a massive pro tool for one small repeatable job so he built a browser tool that does just that one thing > drop in a drone clip and draw the parcel outline once on the first frame > gpu motion tracking keeps that boundary stuck to the ground as the drone flies and the perspective shifts > if the line drifts anywhere, you drop a keyframe to correct it and it re-tracks the segments around it > style the line however you want, then export the finished video > free to use, you dont even need an account until you export he built one tool that solves one annoying job perfectly, for people who were never going to learn after effects anyway

Om Patel

398,188 views • 2 days ago

Working on a “Hand-Off to Mac” way to load the chats from the Codex Remote Control for iOS app to the Codex App Codex app-server doesn’t quite support a live update So I decided to find a workaround A button that forces the closing of the Codex App and reopening it in the chat created from iPhone Would you use this button?

Working on a “Hand-Off to Mac” way to load the chats from the Codex Remote Control for iOS app to the Codex App Codex app-server doesn’t quite support a live update So I decided to find a workaround A button that forces the closing of the Codex App and reopening it in the chat created from iPhone Would you use this button?

Emanuele Di Pietro

24,351 views • 4 months ago