This is a real Button Micro Interactions recorded from Dianas seafood. A product preview card opens an animated center-screen modal dialog overlay displaying detailed information, imagery, and a dismiss 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.
App & Site
This is a real Button Micro Interactions recorded from Smartwatch, Scroll, Modal, Tides, Weather. Compact wearable modal sheet with vertical content scrolling, pinned floating close button, and dynamic scrollbar pill. 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 Fit Beat Combat Wellness Goal Modal. A frosted spatial modal that captures a weekly discrete frequency selection through glowing number nodes and transitions to a confirmation 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 Modal Micro Interactions recorded from Drip Workflow Modal. Centered modal dialog containing an animated select dropdown with rich descriptions and option selection. 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 Accordion UI Animation recorded from AR VR, Hover,Modal, ShapesXR, Creativity. Product card expands with depth layering while left and right detail wings slide outward. 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 Smartwatch Tide Guide. Smoothly transitions a watchface dial view into a full-height scrollable settings sheet and back. 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 UI Animation recorded from Mobile App Modal. Slide-up modal card with backdrop fade and dismiss interactions. 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 Smartwatch Modal Activity Wellness. Compact badge grid item expands into a centered full-screen modal view via shared element scale transition and collapses back to its exact grid origin on close. 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 Fliki AI Modal Flow. Multi-step creation modal with step transitions, interactive aspect ratio layout toggling, loading overlays, and preview sub-modals. 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.