This is a real Button Micro Interactions recorded from MotherDuck Hover. High-contrast bordered action button with icon slot and color fill transition 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 LFG Retro Cards. Multi-layered isometric button that translates along a diagonal vector on hover to reveal a staggered retro shadow trail. 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 UI Animation recorded from Boost Insurance Hover Button. Isometric illustration card paired with text content and an arrow-sliding interactive CTA button. 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 MIMCO Capital. Stack of full-height media cards pinned sequentially on scroll with centered headline overlays. 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 Titan Hover. A 3-column responsive media card grid with image container scale and focus transitions 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 New Form Capital, Scroll, Website, Fintech. Stack of vertical portrait media cards paired with typography statements that transition sequentially into viewport alignment during scroll. 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 Image Micro Interactions recorded from Cover, Hover, Website, Architecture. Interactive multi-column image gallery where hovering an item smoothly expands its width allocation while contracting adjacent panels. 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 Morph UI Animation recorded from Send App Career Cards. Hovering a card expands its height and reveals full content while collapsing siblings in the same row. 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 Morph Micro Interactions recorded from Altitudebev. Floating frosted-glass newsletter card with headline copy, subtle light-bleed borders, and an interactive inline pill input with animated submit trigger. 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 Badge Micro Interactions recorded from Castor & Pollux. Interactive multi-cell geometric canvas where hovering active shape cells fills their vector silhouette and moves a trailing interactive eye badge. 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.