This is a real Badge Micro Interactions recorded from Coda Website Interaction. A 4-column dark card grid where hovering reveals an accent pill badge and scales inner graphic elements. 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 Titan, Scroll, Website, Fintech. Sticky viewport section that progressively traces an SVG market graph and crossfades narrative typography across scroll progress. 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 UI Animation recorded from Secfi feature slider. Horizontal draggable card row where each card features an icon-to-pill expanding CTA on hover and pointer drag-scroll 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 Button Micro Interactions recorded from Web App, Hover,Dropdown, Front, Productivity Tools. Hover-revealed table row action menu opening a destructive confirmation modal. 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 Reveal Micro Interactions recorded from Sensei, Scroll,Text Animation, Website, SaaS. A hero display with a perspective wireframe grid and text that reveals and scatters floating photo cards at calibrated positions and rotations. 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 Purpose Talent, Scroll, Website, Enterprise. Vertical card deck where scroll progress cycles cards through a centered viewport stage over a decorative stacked card silhouette backdrop. 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 Parallax UI Animation recorded from Ranlus Scroll Agency. Scroll-driven parallax stream of tilted social-style media cards moving at differential depths across a multi-section dark agency 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 Reveal Micro Interactions recorded from Altitudebev. Product card grid where hovering reveals a frosted glass details panel with tags and CTA while dimming background artwork. 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 Your Creative, Scroll, Website, Creative Agency. A 3-column grid showcase featuring an interactive badge-drop title hero and category-grouped portfolio cards with category counters. 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 Cohere. A dark CTA pill button featuring a separate right-hand icon segment that nudges 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.