This is a real Scroll Micro Interactions recorded from Alpine Bio. A continuous horizontal scrolling ribbon of scalloped arch masks over a background image behind a newsletter and nav card. 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 Polymer Workshop Hero. Two-column hero showcase where hovering either column sharpens and scales it while blurring the opposite column. 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 Phone Stage Showcase. Synchronized foreground phone mockup and background panorama track that automatically steps through interactive item issue-to-resolution states. 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 Algolia Hover Button. A primary-secondary hero action group featuring a secondary button with smooth hover elevation and border contrast transition. 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 Image Micro Interactions recorded from clueperfumery. Product card crossfades between primary and secondary artwork on hover with smooth opacity blend. 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 ITP Renewables. Tessellating geometric tiles scatter and fade away on cursor proximity and reform when the cursor leaves. 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 MetaMask Bento Grid. A bento grid tile that automatically cycles between stats and text snippets with vertical slide-and-crossfade 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 Scale UI Animation recorded from Family Style, Hover,Footer, Website, Design. Text link with an animated underline indicator and trailing arrow that responds to pointer hover and 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 Badge Micro Interactions recorded from a real app. Badge 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 Reveal UI Animation recorded from Accordion, Hover, Scroll, Website, Enterprise. A 2-column portfolio grid where hovering any card spotlights it in full color and reveals metadata while sibling cards desaturate to monochrome. 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.