This is a real Button Micro Interactions recorded from Hugin Hover Button. A compact pill button featuring a leading micro-icon that responds to hover and focus states with subtle scale and background 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 UI Animation recorded from Evergreen Hover Button Hero. A high-contrast pill CTA button with smooth scale and elevation feedback on hover and press. 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 Logo UI Animation recorded from Basedash. A dark-mode icon grid where brand logos cycle between dimmed monochrome and full-color illuminated states. 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 Logo Micro Interactions recorded from Sui Overflow. Multi-tier sponsor bento grid where hovering a cell smoothly swaps its background to a brand accent color and inverts foreground logos and metadata. 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 Mux Data Pricing. Interactive three-tier pricing cards featuring distinct colored header accents and physical offset-shadow hover states on action buttons. 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 Micro Interactions recorded from Kaizen Navigation Menu. Hover-triggered navigation popover with animated active pill indicator and crossfading preview panel. 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 Ailey, Hover,Hero,Menu, Website, Arts. Hovering header navigation items opens a full-width overlay with dynamic background tints and crossfading multi-column sub-navigation. 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 Loading Micro Interactions recorded from SurveyMonkey Audience Estimator. Smoothly collapses detail rows into a centered loading spinner during asynchronous recalculation and expands back when resolved. 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 Codex Hero Animation. Displays a central headline surrounded by ambiently drifting token nodes and a floating accent pill badge that animate along smooth looping paths. 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 Wickret. A vertical list of feature headlines that synchronizes card UI previews and device container styling on hover or click. 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.