This is a real Navigation Micro Interactions recorded from Imprint Navbar. Fixed top-center pill navigation bar with dynamic hover indicator and responsive link layout. 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 POV Budapest, Hover, Button, Website, Enterprise. Angular polygonal button badge with perspective-contoured typographic lettering and interactive hover 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 Picker Micro Interactions recorded from Smartwatch Mindfulness Wellness. A stepped mood-logging dial that morphs concentric organic petal layers, background tint, and labels along an emotional valence continuum. 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 Navigation Micro Interactions recorded from Superhi Footer Drag. Interactive footer with floating, draggable character orbs layered behind footer navigation columns. 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 UI Animation recorded from Hejl Foundation. A content card grid where hovering over interactive cards spawns a floating 'Read Article' badge that smoothly tracks the pointer with spring physics and dismisses on exit. 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 Hover,Button, Website, Web3. Interactive CTA banner featuring a cross-grid pattern that translates and reveals dynamically across the background 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 Carousel Micro Interactions recorded from AWE, Hover, Navbar, Website, AI Tools. A rounded media viewport with embedded navigation pills that crossfades high-definition background scenes upon tab selection. 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 Up, Card, Hover, Website, Finance. A 3x2 responsive card grid featuring centered visual artwork and interactive action labels with smooth hover transitions and arrow micro-interactions. 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 Active State Micro Interactions recorded from Profound Hero. Cycles through an array of icons and labels inside a heading with a vertical blur-crossfade transition. 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 Tina CMS Pricing. Pricing card grid with sliding pill billing cycle toggle and reactive price/billing period swaps. 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.