This is a real Button Micro Interactions recorded from Venga Blog Card. Horizontal blog preview card with thumbnail, metadata line, excerpt, read duration, and an 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 Modal UI Animation recorded from AR VR, Hover, Alcove, Hangout. Circular action cards inside a floating modal that transition background colors and reveal dynamic helper captions 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 Osmo Hover Button. A pill button that slides an duplicate line of text and icon vertically out and in 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 Transition Micro Interactions recorded from near-action-cards.mp4. Interactive stacked list cards with a trailing square indicator tile that fills with an accent color and inverts the icon on row 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 UserTesting. A CTA button whose trailing arrow icon translates into view with an inline width expansion 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 Reveal Micro Interactions recorded from OFF MENU. Portfolio card grid where hovering reveals frosted metadata, metrics, and case study links over a blurred background. 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 Accordion Micro Interactions recorded from Oyster. Vertical list where hovering over an item expands its description and collapses previously open items. 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 Metric Micro Interactions recorded from MFI Pillars Grid. A 3-column feature grid presenting organizational pillars with geometric vector emblems, category typography, and interactive expansion indicators. 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 Academy. Multi-element typography transforms from a scattered multi-line layout to a consolidated single-block headline as the page scrolls. 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 Flecto, Hover,Button, Website, SaaS. Pill-shaped CTA button with smooth icon reveal and background 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.