This is a real Button Micro Interactions recorded from Chumbi Valley. Content section with organic silhouetted landscape border masks that reveals text, badge icon, and CTA as it enters viewport during scroll. 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 Tobacco Theater. Two-column editorial section that reveals masked typography with vertical blur-to-focus and media zoom-settle upon entering viewport. 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 The Martin Family Initiative. A full-hero reveal sequence featuring a center-out expanding curtain intro transition followed by a cycling headline keyword swap. 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 Clay Boan Portfolio. Scroll-driven showcase where skewed media cards rotate to 0deg and reveal central typography when scrolled into viewport center. 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 Trunk Hero. Automatically cycles through colored headline phrases while keeping static prefix text fixed. 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 Chumbi Valley. A dark-themed feature showcase combining media content, descriptive text, a horizontal progress track, and an interactive pill action button. 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 Draftbit. Interactive gradient hero card with value proposition copy, dual action buttons, and continuous ambient floating feature badge 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 Scroll UI Animation recorded from Agile By Design. A 3-column hero gallery that smoothly reveals image cards with staggered vertical offsets and parallax translation as the user scrolls. 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 Search Micro Interactions recorded from Cycle, Scroll,Tabs, Website, SaaS. Multi-section grid of integration cards with sticky header filter pills that synchronously track vertical scroll position and auto-center the active pill. 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 Agile By Design. A vertical column of rich media cards scrolls upward through large background headline typography. 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.