This is a real Tap Micro Interactions recorded from contrast-pricing. Interactive pricing tier card with a monthly/yearly toggle and discrete step track that updates price values and quota copy in real time. 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 Patreon Feature Scroll. A scroll-driven pinned feature showcase where main titles shift and fade while secondary body copy, CTA buttons, and interactive visual mockups slide and fade into focus. 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 Purpose Talent. Staggered sequential entrance of rotated headline words paired with decorative floating geometric shapes, transitioning to dual feature 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 Scale UI Animation recorded from Open Collective. Interactive constellation network diagram where a central hub connects to satellite nodes via dynamic SVG lines that update synchronously with spring physics during hover displacement. 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 Loop UI Animation recorded from Shopify Ventures. News card grid where hovering replaces static multiline card content with a continuous horizontal scrolling marquee banner on an accent background. 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 Brain.space. Two-column grid of metric items with a smooth-following cursor particle and interactive badge icon 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 Onboarding Micro Interactions recorded from a real app. Onboarding 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 Fade Micro Interactions recorded from a real app. Fade 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 Scroll Micro Interactions recorded from Evergreen, Pricing, Intro Transition. A pricing hero callout card featuring an overlapping dual-avatar header badge, subtle pricing tier typography, and decorative flanking accents that animate 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 Logo UI Animation recorded from Framer Hero Showcase. Smooth continuous linear horizontal scroll of logo items with edge gradient fading and pause-on-hover capability. 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.