This is a real Transition Micro Interactions recorded from Mode Blog Hover. Horizontal multi-card group where hovering a card transitions it to an inverted high-contrast active theme while reverting previously active cards. 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 Buena Suerte. Smooth continuous text marquee integrated into an expandable footer reveal beneath a modular grid. 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 Snap Micro Interactions recorded from Lovable Web App Hover. Multi-segment layered SVG icon that separates and blooms on hover with spring physics. 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 Scrub Micro Interactions recorded from AR VR, Hover,Modal, 4XVR Video Player, Media. Floating spatial glassmorphic media player HUD with transport controls, scrubber timeline, and multi-deck utility docks. 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 Carousel Micro Interactions recorded from Energy Park, Hover,Loop, Website, Enterprise. A split-view feature selector where selecting text items crossfades corresponding imagery and transitions a layout underline 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 Button UI Animation recorded from Galileo Hover Button. Pill action button with expanding hover state and translated icon circle. 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 Trunk. Continuous signal pulses traveling along a multi-segment isometric pipeline path in an illustration canvas. 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 OFF MENU. A segmented tab controller that toggles card content, background themes (dark/light), and tier pricing with smooth crossfading and layout 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.
This is a real Button Micro Interactions recorded from Bertch Capital. A circular icon button with adjacent label that expands into a solid pill container with color-inverted text and icon 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 REJOUICE, Hover, Button, Navbar. Text label splits into dual stacked spans that translate vertically on hover with masked overflow. 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.