This is a real Bottom Sheet Micro Interactions recorded from Agile By Design, Page Transition. A full-width rounded sheet slides upward from the bottom of the viewport to wipe into new page content on 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 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 Scroll Micro Interactions recorded from Smartwatch, Page Transition,Slide, Waterspeed, Wellness. Slides from an activity menu into an active live-tracking metric dashboard inside a constrained smartwatch bezel context. 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, Page Transition, Mobile App, Travel. Smoothly collapses a full-screen hero detail modal into a feed card item upon action trigger. 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. A contextual announcement banner with an action button and close control that collapses smoothly on dismiss. 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 Button Micro Interactions recorded from Mobile App Task Creation. Slide-up modal overlay presenting task creation inputs and time slot options triggered from an action button. 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 Micro Interactions recorded from Squarespace Settings Transition. A dashboard context menu action triggers a full-panel modal expansion revealing nested settings 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 Bottom Sheet Micro Interactions recorded from Mobile App Transition. Interactive multi-snap bottom sheet that transitions between peek, half-expanded, and full-screen states with momentum drag snapping. 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 Accordion, Hover,Scroll,Button,About Us - 13 frames @ 10fps, 1.2s, 800px. A multi-section presentation pane syncing title, index, descriptive copy, and media 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.