Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

AI can generate animation code. It can't feel timing. I built a skill that teaches AI agents Disney's 12 principles for UI motion, so there's actual intention behind the movement, not just math. Works with CSS, GSAP, Framer Motion & Lottie. Same prompt with Claude. Watch what changes 👇

reallynattu's profile picture

Nattu

28,624 subscribers

33,266 görüntüleme • 2 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀
0:13

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

355,092 görüntüleme • 2 ay önce

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

128,148 görüntüleme • 15 gün önce

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.
0:15

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Ibelick

88,945 görüntüleme • 2 yıl önce

Get beautiful text animations. We built a hand-crafted collection of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section text
0:13

Get beautiful text animations. We built a hand-crafted collection of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section text

Alex Barashkov

125,056 görüntüleme • 2 ay önce

Framer Motion & Tailwind CSS Code:
0:13

Framer Motion & Tailwind CSS Code:

Ali Samadi

17,665 görüntüleme • 1 yıl önce

Claude Code ships with a built-in skill for working with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.
0:14

Claude Code ships with a built-in skill for working with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.

ClaudeDevs

313,187 görüntüleme • 2 ay önce

github is built for ai agents not humans I can feel it
0:17

github is built for ai agents not humans I can feel it

Dmitriy Kovalenko

20,230 görüntüleme • 3 ay önce

I built a full YouTube-style app in minutes Most AI tools just generate a wireframe Rocket gave me a fully functional video platform with backend, logic, and UI Here’s how I did it (with just 1 prompt):
0:10

I built a full YouTube-style app in minutes Most AI tools just generate a wireframe Rocket gave me a fully functional video platform with backend, logic, and UI Here’s how I did it (with just 1 prompt):

Nelly;

24,696 görüntüleme • 1 yıl önce

BREAKING: Motion in AI video just took a serious leap. Seedance 2.0 is now live inside Lovart AI with no waitlist. You can generate high-speed transformations, consistent characters, and full sequences from a single prompt. Here’s what actually happens when you push it:
0:10

BREAKING: Motion in AI video just took a serious leap. Seedance 2.0 is now live inside Lovart AI with no waitlist. You can generate high-speed transformations, consistent characters, and full sequences from a single prompt. Here’s what actually happens when you push it:

AI Frontliner

74,459 görüntüleme • 3 ay önce

A playful carousel for my new portfolio, built with framer motion
0:13

A playful carousel for my new portfolio, built with framer motion

Daniel Destefanis

66,335 görüntüleme • 1 yıl önce

This AI just turned me into a film director… No editing skills. No timeline headaches. Just one prompt. This is Seedance 2.0 🎬 You can literally combine: → Text → Images → Videos → Audio And it understands everything. Even crazier? You can control it like this: Image → character Video → camera movement audio1 → music/voice It doesn’t just generate clips… It builds full cinematic scenes with: → Consistent characters → Smooth transitions → Realistic motion → Built-in lip sync Basically… From a single prompt → you get a multi-shot story. Not AI video. AI filmmaking. Go try it before everyone catches on 👇
0:10

This AI just turned me into a film director… No editing skills. No timeline headaches. Just one prompt. This is Seedance 2.0 🎬 You can literally combine: → Text → Images → Videos → Audio And it understands everything. Even crazier? You can control it like this: Image → character Video → camera movement audio1 → music/voice It doesn’t just generate clips… It builds full cinematic scenes with: → Consistent characters → Smooth transitions → Realistic motion → Built-in lip sync Basically… From a single prompt → you get a multi-shot story. Not AI video. AI filmmaking. Go try it before everyone catches on 👇

Kshitij Mishra | AI & Tech

60,393 görüntüleme • 2 ay önce

always been fascinated about kinetic type. there's something about the way motion interacts with letterforms that just hits right. Google AI studio made the technical side of building it so fast. the possibilities with type and motion are just limitless.
0:19

always been fascinated about kinetic type. there's something about the way motion interacts with letterforms that just hits right. Google AI studio made the technical side of building it so fast. the possibilities with type and motion are just limitless.

Vamsi Batchu

15,000 görüntüleme • 5 ay önce

UI with animation is the best thing. Created this for the AI startup card/animation. No AI, no AE, Just Pure Figma. Will replicate this ideation to Framer.
0:10

UI with animation is the best thing. Created this for the AI startup card/animation. No AI, no AE, Just Pure Figma. Will replicate this ideation to Framer.

Basit A. Khan

18,928 görüntüleme • 5 ay önce

this is terrifying. Claude Opus 4.6 + Remotion can now generate videos. It can do motion design, demos and animations from a single prompt... it's so over.
0:17

this is terrifying. Claude Opus 4.6 + Remotion can now generate videos. It can do motion design, demos and animations from a single prompt... it's so over.

David Ch

482,707 görüntüleme • 3 ay önce

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
0:16

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 görüntüleme • 8 gün önce

onboarding checklist component UI showcase animation. JS, built with Claude Code
0:18

onboarding checklist component UI showcase animation. JS, built with Claude Code

Juliette

16,628 görüntüleme • 4 ay önce

Your AI videos don’t go viral because the motion is boring. Kling 2.6 Motion Control on Higgsfield AI gives you actual control over motion, timing and flow. Here’s a quick tutorial 👇🏻
0:13

Your AI videos don’t go viral because the motion is boring. Kling 2.6 Motion Control on Higgsfield AI gives you actual control over motion, timing and flow. Here’s a quick tutorial 👇🏻

Heisenberg

58,048 görüntüleme • 6 ay önce

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

324,699 görüntüleme • 2 yıl önce

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer
0:11

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer

Aceternity

43,391 görüntüleme • 2 yıl önce

🚨BREAKING: Kling 2.5 Turbo just made AI video look like Hollywood. Type a prompt → get cinematic shots with smooth motion. This is the new gold standard for AI content creation 👇
0:10

🚨BREAKING: Kling 2.5 Turbo just made AI video look like Hollywood. Type a prompt → get cinematic shots with smooth motion. This is the new gold standard for AI content creation 👇

The AI Colony

81,530 görüntüleme • 9 ay önce