This is a real Badge Micro Interactions recorded from Rabbitsblack Hero. Hero title bar and segmented multi-color category navigation that docks to the viewport top 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 Button UI Animation recorded from TechSpeed. Pill CTA button with inverted background, text, and circular icon badge states 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 Select UI Animation recorded from Mobile App Sound Selector. A 3x2 interactive tile grid with a shared layout spring-animated active indicator circle. 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 Metric Micro Interactions recorded from paradigm-hero. Interactive central radial diagram with spoke lines that highlight with green indicator dots and active states on item 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 Accordion UI Animation recorded from NOBL Feature Accordion Loop. An accordion list synchronised with an illustration visual display that crossfades matching artwork on tab expansion. 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 Defiant, Loop, Hero, Website, Finance. A continuous, slow-drifting textured horizontal band layer that loops seamlessly beneath foreground hero content. 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 Mobile App Onboarding Flow. A dark-mode multi-step onboarding modal with animated illustration slots, step counter, descriptive copy, and step progression controls. 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 Reveal Micro Interactions recorded from Gander, Loop, Website, Design. Hovering a central label bursts an array of overlapping cards outward into an arched, rotational fan. 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 Tability Hero CTA. Outline action button smoothly transitions background and text colors to a high-contrast inverted fill 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 Carousel UI Animation recorded from Wellness Breathing Loop. A 4-stage guided breathing matrix that bulges into a spherical field with synchronized color shifts, an orbiting guide dot, and phase instruction crossfades. 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.