This is a real Scroll Micro Interactions recorded from Dianas seafood. A footer card with a repeating scalloped top border translates upward over preceding content driven by scroll position or entry animation. 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.
App & Site
This is a real Navigation UI Animation recorded from Orchestra. Fixed/sticky footer revealed from behind the content as the user reaches the bottom, featuring responsive links and newsletter form. 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 Boost Insurance, Feature, Scroll, Website, SaaS. A two-column section where vertical text scrolling activates focal text items and crossfades corresponding sticky media cards. 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 The Garage, Scroll, Website, Enterprise. Multi-column feature card grid where columns translate vertically at staggered scroll rates to converge into an aligned 6-card bento 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 Scroll Micro Interactions recorded from coda-hero. Dark hero section featuring headline lines that stagger in with an inline expanding icon 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 Scroll Micro Interactions recorded from Dotpad, Scroll, Use Case, Website, SaaS. A sticky split showcase synchronizing device display graphics and descriptive text transitions via step-based 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 Micro Interactions recorded from Michael Brown, Scroll, Website, Portfolio. Fullscreen project slider crossfading background imagery, client metadata, and discipline lists. 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 Huge, Scroll, Website, Design. Pinned horizontal scrolling showcase presenting numbered slide sections with large headlines, media thumbnails, and descriptive copy. 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 Mobile App Store Scroll. Collapses a hero image and store title into a compact sticky navigation bar with category tabs pinned on 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 Badge Micro Interactions recorded from Moxie Strategies. Staggered multi-column team card grid with hover-responsive directional badges and individual card 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.
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.