This is a real Button Micro Interactions recorded from NVG8, Hover, Button, Website, Web3. A pill-shaped action button with an angled trailing chevron edge paired with an interactive avatar badge. 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 Frame.io Button Loop Idle. A CTA pill button featuring a continuous looping border beam highlight with ambient glow. 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 Superhuman Hero CTA. Interactive CTA button with a multi-layered luminous gradient border, inner highlight, and responsive ambient glow 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 Tability. Dual CTA button pair featuring a primary solid action and an interactive secondary outline button with smooth hover fill and focus 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 Transition UI Animation recorded from Tina CMS Card Hover. A responsive feature card grid where mouse hover transitions background color, text color, and focus state across grid 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 Carousel Micro Interactions recorded from Agile By Design Corporate Carousel. A horizontal drag-driven carousel whose centered card dynamically scales up while adjacent cards scale down, accompanied by a spring-following floating cursor badge. 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 Inversion Hover Button. A two-segment CTA button where hover expands an accent fill from the action icon across the label while translating the arrow icon. 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 AR VR Subscription Modal. Modal overlay displaying selectable subscription tiers, promotional perks, user testimonials, and a celebratory particle burst upon highlighting a featured tier. 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 Image UI Animation recorded from Trawelt. Multi-column interactive card swapping central media and description text upon hovering list 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 3D UI Animation recorded from kitskinkind. Card flips 180 degrees on the Y-axis on hover to reveal back-side details with 3D perspective. 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.