This is a real Card Micro Interactions recorded from Distributional Blog. A 2-column editorial feed alternating content and graphic panels per row with hover contrast scaling. 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 Superhi. Headline words dynamically reposition with layout transitions while an interactive background path draws and morphs behind them. 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 Agile By Design. A hero section with directional flank arrows that parallax inward to frame central copy, paired with a vertical-roll 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 Micro Interactions recorded from WebThree Consulting. Hero headline with an embedded SVG eye graphic whose pupil dynamically tracks cursor position. 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 Jasper Pricing Toggle. Toggle switch between monthly and yearly billing intervals updating pricing amounts with a sliding pill indicator. 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 Lobelia Hero & Navigation. A smoothed spring cursor-following circular badge that tracks pointer position within a container and displays contextual interaction labels. 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 Select UI Animation recorded from NOBL. Multi-column footer navigation grid with row dividers and animated hover indicator shifts. 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 LIMINAL AR VR Pricing UI. A curved glassmorphic spatial panel featuring tiered subscription and token pack cards with luminous hover highlights and responsive depth feedback. 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 Menu UI Animation recorded from Your Creative Hover Nav. Stacked typography navigation menu with cursor-following floating card previews and item color shifts 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 Stykovka, Hover,Button, Website, Creative Agency. A centered call-to-action button framed by corner reticle brackets that expand and an inverted highlight box that fills 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.
Curated from real products people use every day.
+ 120 new interactions / weekly7,000+ real interactions from 1,000+ shipped products. Copy the prompt, save your favorites, and build with Cursor, Lovable, v0, Bolt or Replit.