This is a real Scroll UI Animation recorded from Dotpad, Feature,Scroll, Website, SaaS. Pins a multi-step visual showcase while narrative text and media transform across scroll-driven feature steps. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Scroll UI Animation recorded from Story Protocol, Scroll, Website, Enterprise. A vertical feature showcase container with top and bottom edge masking where multi-part feature blocks scroll sequentially into focus. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Scale UI Animation recorded from Back to Nature, Hover, Category, Website, Food. Interactive grid of category cards with smooth asset scale and lift on hover. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Button Micro Interactions recorded from Arcadia Use Cases. Hover-activated card grid where resting cards show subtle plus icons that morph into vibrant accent action badges with directional arrows on hover. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Scroll Micro Interactions recorded from Coder, Intro Transition, Career, Website, SaaS. Hero section that transitions scatter point markers into floating image cards while revealing the primary heading. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Onboarding Micro Interactions recorded from Pipedrive CRM Popover. Floating contextual onboarding tip card with an icon, dismiss button, and call to action. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Scale Micro Interactions recorded from Say Briefly. A 2x2 grid of pastel sticky-note cards with alternating rotation angles that reveal on scroll and lift on pointer hover. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Navigation UI Animation recorded from Oyster. Interactive navigation link list with a shared layoutId floating pill indicator that animates to the hovered link. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.

This is a real Reveal UI Animation recorded from Awesomic Blog Cards. A 2x2 article card grid where hovering any card reveals a floating dark action pill in the bottom right corner with scale and opacity transitions. Watch how it moves, understand the timing and easing, then copy the AI prompt to build it yourself in Cursor, Lovable, v0, Bolt, or Replit — 80–90% accurate to the original.