This is a real Scroll Micro Interactions recorded from Seasoned Footer. A scroll-revealed toaster footer where a toasted content card pops up with spring physics over an infinite marquee ticker. 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 Carousel Micro Interactions recorded from Tedy. Auto-advancing hero visual carousel that crossfades background media while displaying floating pinned interactive feature tags, pagination indicator, and dual CTA buttons. 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 Agile By Design Hover Button. A pill button transitioning smoothly between a translucent ghost state and an accent solid fill with arrow badge 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 List UI Animation recorded from Smartwatch Stocks Scroll. Smooth vertical scrollable card list with top/bottom gradient masks and dynamic scrollbar pill indicator styled for smartwatch interfaces. 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 Pan UI Animation recorded from a real app. Pan animation in action. 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 Render. Tiered pricing grid with pill CTA buttons that transition to tier accent colors with an icon nudge 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 Badge Micro Interactions recorded from Truus Hero. A floating starburst-shaped sound toggle sticker that smoothly tracks mouse cursor movement across a container with spring lag. 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 Harmonic Discovery. Smoothly morphs and raises a bottom curved organic surface while translating hero text and graphics upward 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 Navigation Micro Interactions recorded from SVZ Creative Agency Hero. Multi-state kinetic background of geometric shapes and an accent orb that morph coordinates and rotations in response to active navigation 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 Scroll Micro Interactions recorded from streak-celebration.mp4. A celebratory streak increment milestone card with an animated flame counter, radiating spark particles, and staggered content entrance. 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.