This is a real Bottom Sheet Micro Interactions recorded from Agile By Design, Page Transition, Website, Enterprise. A nested surface slides up from the bottom to replace content while preserving top-level navigation chrome. 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 Celeres Page Transition. A vertical full-frame wipe that expands outward to cover the active view during navigation and reveals the incoming screen. 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 Nod Coding, Page Transition. Fullscreen geometric eye opening animation that scales down and docks seamlessly into a hero mosaic grid while revealing page typography and navigation. 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 UI Animation recorded from J-Vers. Full-screen overlay panel that slides upward from bottom to cover the viewport during route transitions, displays a central spinner, and reveals target 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 Orchestra. A full-screen dark shutter panel translates downwards to wipe away and reveal underlying page 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 Bottom Sheet Micro Interactions recorded from Arcadia. A full-height rounded canvas card slides and reveals the next page content over the previous view during route 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 Loading Micro Interactions recorded from Bertch Capital. Fullscreen brand curtain transitions color on complete and slides/wipes upward to reveal page 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 Navigation UI Animation recorded from FABRIC Loop Page Transition. A full-card overlay curtain that wipes over the view during navigation, reveals a centered emblem, and wipes away to reveal the target 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 Carousel UI Animation recorded from Mobile App, Page Transition, Opening, Mobile App, Wellness. Horizontal snap carousel for pinned workout metrics with bar chart progress visuals in mobile chat headers. 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 FABRIC Team Page Transition. Smooth page transition wipe within a fixed frame container using an overlay curtain and centered badge reveal. 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.