This is a real Scroll UI Animation recorded from Drop Scroll Hero. A floating pill navigation bar that stays fixed at the top center and expands horizontally from a compact logo badge to a multi-link dock when scrolling past a hero threshold. 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 REJOUICE. Smoothly expands an inset media container to full width and scaled proportion as the user scrolls down into view. 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 Obscura VPN. A hero-section call-to-action cluster featuring a primary OS-detected download button, an announcement pill button with a badge, and a platform selector. 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 Your Creative, Scroll, Website, Creative Agency. Multi-column architectural portfolio grid featuring scattered hero sticker badges and categorized work showcases divided by vertical column rules. 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 Chronicle. Scroll-linked narrative section that transitions hero media into a vertical timeline with dynamic message bubble reveals. 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 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 Atoll Digital. A scroll-driven media container that shifts an internal image along the vertical axis at a differential rate from document 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 Coder, Hover, Button, Hero. Dual CTA pill button group with subtle background and scale hover transitions. 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 Goodnotes Hero Intro. Cycles through active student submissions on a simulated tablet display with accompanying floating badge reactions and bottom tab switcher. 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 Sonder Studio Scroll. Split-screen container that pins in place while scroll progress translates and crossfades stacked headline-subtext pairs alongside a synchronized visual panel. 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.