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.

🚀 Framer Motion 11.11 introduces object animations. animate() can now accept and animate any object. Be it Three.js Object3Ds, Pixi.js Graphics... anything. You can even mix different object types and HTML/SVG elements within animation sequences.

Matt Perry

24,333 subscribers

55,234 views • 1 year 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

With the new wall interaction system you can dynamically vault, slide, or wall run on any physical object and even enemies.

With the new wall interaction system you can dynamically vault, slide, or wall run on any physical object and even enemies.

Asarge

205,800 views • 1 year ago

🎉 Introducing: Cursor Image Trail Effect for @Framer. Create different styles by tweaking animate-in and -out properties. (You can add 3D rotation too!) Retweet + Comment "💥" and I'll send it to you for free.

🎉 Introducing: Cursor Image Trail Effect for @Framer. Create different styles by tweaking animate-in and -out properties. (You can add 3D rotation too!) Retweet + Comment "💥" and I'll send it to you for free.

Framer University

19,928 views • 1 year ago

AI compositing is alr taking over now you can edit video like editing image using Seedance 2.0 on Higgsfield, it auto select any object, edit separately and.. even blend in the scene perfectly its just faster, cheaper and more accurate here's how to do + prompts:

AI compositing is alr taking over now you can edit video like editing image using Seedance 2.0 on Higgsfield, it auto select any object, edit separately and.. even blend in the scene perfectly its just faster, cheaper and more accurate here's how to do + prompts:

el.cine

83,498 views • 3 months ago

New this week: Pen tool & morphing 🖊️ You can now draw your own shapes in Jitter and animate them with fluid shape-to-shape transitions. Perfect for elegant logo reveals, shape-shifting UI elements, expressive text effects, and motion that is truly one of a kind. Try it now 👇

Jitter

47,395 views • 1 year ago

Now you can generate 3D animations directly from video. This is a behind the scenes look at 3D animator Jón Kristinsson using Move AI to capture and animate The Candy Man. Motion capture powered by AI. No suits or markers required.

Now you can generate 3D animations directly from video. This is a behind the scenes look at 3D animator Jón Kristinsson using Move AI to capture and animate The Candy Man. Motion capture powered by AI. No suits or markers required.

Move AI

458,050 views • 2 years ago

Wan-Animate officially open-sourced the release weight! I had the chance to test this model early yesterday, and it's working great! Even complex dances can be perfectly replicated，And it retains the character features without any obvious blurriness.

Wan-Animate officially open-sourced the release weight! I had the chance to test this model early yesterday, and it's working great! Even complex dances can be perfectly replicated，And it retains the character features without any obvious blurriness.

青龍聖者

132,214 views • 10 months ago

RIP Photoshop. Higgsfield just launched Canvas, a state-of-the-art image editing model. With just two clicks, you can swap any object in an image. Logos, text, texture and scale stay exactly as they are... Here's how it works:

RIP Photoshop. Higgsfield just launched Canvas, a state-of-the-art image editing model. With just two clicks, you can swap any object in an image. Logos, text, texture and scale stay exactly as they are... Here's how it works:

Angry Tom

156,252 views • 1 year ago

AI 3D animations are pulling millions of views right now, not just as paid ads, but organically too this format can sell literally anything: ebooks, courses, supplements, peptides, apps, communities - whatever and you can make them in under 10 minutes, all you need is: - a script (claude with copywriting skill) - a strong first frame (Nano Banana Pro) - Veo 3 to animate it this workflow is so easy and repeatable you can automate the whole thing without any fancy tools that’s it. you just saved hours and $1000+ on a 3D artist

AI 3D animations are pulling millions of views right now, not just as paid ads, but organically too this format can sell literally anything: ebooks, courses, supplements, peptides, apps, communities - whatever and you can make them in under 10 minutes, all you need is: - a script (claude with copywriting skill) - a strong first frame (Nano Banana Pro) - Veo 3 to animate it this workflow is so easy and repeatable you can automate the whole thing without any fancy tools that’s it. you just saved hours and $1000+ on a 3D artist

MAX

267,338 views • 5 months ago

So it works now! If you have Bakery, can you try getting the latest github patch and using it? Add "Bakery Light Filter" component to an object to make it act like stained glass 😋 (video from RTPreview for fanciness, but it looks the same when baked) #gamedev

So it works now! If you have Bakery, can you try getting the latest github patch and using it? Add "Bakery Light Filter" component to an object to make it act like stained glass 😋 (video from RTPreview for fanciness, but it looks the same when baked) #gamedev

Mr F

236,532 views • 10 months ago

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

Leander Herzog

11,484 views • 10 months ago

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

176,257 views • 3 months ago

UI/UX Designers, you can now render and animate 3D models without opening Blender. I just found this amazing tool called Morflax, a simple browser-based tool that lets you upload a 3D model, customize materials and lighting, and export stunning video animations in minutes. Can’t believe it’s free; bookmark it for later. 💜

UI/UX Designers, you can now render and animate 3D models without opening Blender. I just found this amazing tool called Morflax, a simple browser-based tool that lets you upload a 3D model, customize materials and lighting, and export stunning video animations in minutes. Can’t believe it’s free; bookmark it for later. 💜

Abraham John 🦄🦓

17,298 views • 1 month ago

Cheats are interactive visual building blocks that replace complex prompts. You can interact with them in line, drag and drop them, or swap them out with one another by simply tapping. Cheats can be anything: Entire game types, 3D scenes, animations, shaders, physics, or even bug fixes.

Cheats are interactive visual building blocks that replace complex prompts. You can interact with them in line, drag and drop them, or swap them out with one another by simply tapping. Cheats can be anything: Entire game types, 3D scenes, animations, shaders, physics, or even bug fixes.

Eike Drescher

106,675 views • 4 months ago

GROK REMIX – THE LAZIEST WAY TO LOOK CREATIVE Why write a new prompt when Grok can recycle a good one faster than you can blink? Remix Mode: •⁠ ⁠Grab any Grok video and remix the prompt with one tap •⁠ ⁠Swap in a new image and watch it animate like it was born that way •⁠ ⁠Keep the style, motion, and audio without breaking a sweat •⁠ ⁠Free tier gets you started, SuperGrok turns you into a content factory Your next viral clip might be two taps away! Source: Grok

GROK REMIX – THE LAZIEST WAY TO LOOK CREATIVE Why write a new prompt when Grok can recycle a good one faster than you can blink? Remix Mode: •⁠ ⁠Grab any Grok video and remix the prompt with one tap •⁠ ⁠Swap in a new image and watch it animate like it was born that way •⁠ ⁠Keep the style, motion, and audio without breaking a sweat •⁠ ⁠Free tier gets you started, SuperGrok turns you into a content factory Your next viral clip might be two taps away! Source: Grok

Mario Nawfal

90,639 views • 8 months ago

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion as the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Una 🇺🇦

38,727 views • 7 months ago

🇺🇸 Trump mid-talk: “Uh-oh. I thought that was a drone. They make them in all different sizes nowadays. They can be very destructive, as you probably heard... Oh, you can sit down. Come on.” Bro went from national security threat to “my bad, sit down” in 0.2 seconds. Only Trump can turn a random object into a potential drone attack and then immediately tell someone to relax. Unmatched😂

🇺🇸 Trump mid-talk: “Uh-oh. I thought that was a drone. They make them in all different sizes nowadays. They can be very destructive, as you probably heard... Oh, you can sit down. Come on.” Bro went from national security threat to “my bad, sit down” in 0.2 seconds. Only Trump can turn a random object into a potential drone attack and then immediately tell someone to relax. Unmatched😂

Mario Nawfal

262,498 views • 2 months ago

gemini omniflash is actually f*cking cracked. you can animate/edit any video with a text prompt. character swaps, object transforms, full environment changes without regenerating/rotoscoping. everyone using AI to to animate and edit videos right now hits the same wall. the clip comes out 90% right and you regenerate from scratch hoping the 10% fixes itself. it never does. the fix is using your video as the input. omniflash edits what's already there instead of rolling the dice again. here's what's in the system: > the two-layer premiere trick: generate the same shot twice (one with background removed), stack them, cut at one frame, instant scene change > character swap with a single reference image (plus the one line you need or the model keeps the original's features) > object transforms that leave the rest of the frame untouched: stone into glowing sphere, candles into flowers > style transfer from an image reference instead of text, way more accurate > why stacking edits in one prompt breaks everything and the exact step order that doesn't > the audio limitation nobody mentions and how to work around it i packaged every prompt, the edit sequence, and the premiere layering setup. RT + reply "OMNI" and i'll send it over.

gemini omniflash is actually f*cking cracked. you can animate/edit any video with a text prompt. character swaps, object transforms, full environment changes without regenerating/rotoscoping. everyone using AI to to animate and edit videos right now hits the same wall. the clip comes out 90% right and you regenerate from scratch hoping the 10% fixes itself. it never does. the fix is using your video as the input. omniflash edits what's already there instead of rolling the dice again. here's what's in the system: > the two-layer premiere trick: generate the same shot twice (one with background removed), stack them, cut at one frame, instant scene change > character swap with a single reference image (plus the one line you need or the model keeps the original's features) > object transforms that leave the rest of the frame untouched: stone into glowing sphere, candles into flowers > style transfer from an image reference instead of text, way more accurate > why stacking edits in one prompt breaks everything and the exact step order that doesn't > the audio limitation nobody mentions and how to work around it i packaged every prompt, the edit sequence, and the premiere layering setup. RT + reply "OMNI" and i'll send it over.

Sulfur

36,127 views • 29 days ago

GPT-5.6 Sol is unbelievably good at creating and editing videos. It can do motion design, product demos, and animations like this one I made by simply giving it a screen recording. GPT 5.6 has the best design taste and significantly outperforms Fable, which relies heavily on repetitive design patterns. To help you experiment with video editing on it, we just launched a collection of 100 ready-to-use skills that show what’s possible and help you get started with video editing using GPT-5.6. These skills can create anything from motion graphics launch videos for your product to a 3B1B-style science explainer video. You can also use them to edit existing videos: add captions, generate motion graphics, create voiceovers, redesign visual styles, translate into new languages, and much more. If you want access to the full library, comment “VIDEO SKILLS” and I’ll share it with you. (You'll have to follow me so I can DM you.)

GPT-5.6 Sol is unbelievably good at creating and editing videos. It can do motion design, product demos, and animations like this one I made by simply giving it a screen recording. GPT 5.6 has the best design taste and significantly outperforms Fable, which relies heavily on repetitive design patterns. To help you experiment with video editing on it, we just launched a collection of 100 ready-to-use skills that show what’s possible and help you get started with video editing using GPT-5.6. These skills can create anything from motion graphics launch videos for your product to a 3B1B-style science explainer video. You can also use them to edit existing videos: add captions, generate motion graphics, create voiceovers, redesign visual styles, translate into new languages, and much more. If you want access to the full library, comment “VIDEO SKILLS” and I’ll share it with you. (You'll have to follow me so I can DM you.)

Akash Anand

511,247 views • 22 days ago