This is a real Modal Micro Interactions recorded from Squarespace Template Showcase Modal. A modal dialogue pairing an isometric multi-column continuously scrolling card stream on the left with an interactive dark feature panel on the right. 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 UI Animation recorded from Mobile App Education Opening. Sequential staggered slide-up and fade-in entrance for a streak summary dashboard, primary CTA, and week calendar tracker. 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 a real app. Button 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 Workshop Opening Website Design. Smoothly transitions a full-canvas content view between an editorial landing state and a filtered project grid upon activating a 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 UI Animation recorded from Mobile App Screen Push. A full-height screen overlay that transitions in from the right edge with decel easing while managing focus and dismissal. 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 Tap Micro Interactions recorded from Mobile App Education. A bottom dock with fixed slots that sequentially deals collectible character cards into placeholders using staggered 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 Modal Micro Interactions recorded from Asana project creation flow. Multi-step dialog transitioning from a centered starter selection grid to a two-column project configuration and live preview layout. 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, Menu, Popover, Opening. Floating action button expands into a 2x2 grid of quick action cards while dimming the background and rotating the trigger icon into a dismiss cross. 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.
This is a real Tap UI Animation recorded from Mobile App Wellness Tabs. Bottom icon tab bar with sliding active indicator driving crossfading stage titles, descriptions, and scene views. 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.