This is a real Button Micro Interactions recorded from Caldera Footer. Circular social icon buttons that stretch vertically upward into elongated pills on hover while preserving their circular caps. 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 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 Orbit UI Animation recorded from Coinshift Hover Website Fintech. A 4-card feature showcase grid where hovering a card triggers an isolated micro-illustration animation (orbits, ray dispersal, line reveal, or radar sweep). 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 Rotate UI Animation recorded from Spellbook, Loop,Footer, Website, SaaS. Ambient floating gem with rotating sparkle accents nested over a curved brand glyph badge in a footer container. 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 Micro Interactions recorded from Inversion, Hover, Blog. Stacked list items that expand on hover/focus while synchronizing an accompanying visual preview container. 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 Snap Micro Interactions recorded from Lovable Web App Hover. Multi-segment layered SVG icon that separates and blooms on hover with spring physics. 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 FABRIC, Hover, Team, Website, Finance. Interactive team profile grid with animated stroke highlight and CTA action button activation 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 Menu Micro Interactions recorded from Coda, Hover, Dropdown, Menu, Website, Enterprise. Top navigation bar with animated mega-menu panels that crossfade and adjust height seamlessly across tab hovers and collapse on exit. 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 Modal UI Animation recorded from Adobe Firefly Quick Actions. Action card grid with hover states triggering an animated modal dialog featuring a file dropzone and action description. 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 a real app. Scroll 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.
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.