This is a real Fade Micro Interactions recorded from Jiddo Story Showcase. Interactive vertical tabs that crossfade narrative content, media, and author quotes on tab 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.
App & Site
This is a real Button Micro Interactions recorded from Trawelt, Hover,Team, Website, Enterprise. Team portrait cards that compress image height on hover to reveal a bio paragraph and 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 Button Micro Interactions recorded from Superrb Hover Button. Interactive pill button with expanding border/fill and sliding directional arrow 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 Scale Micro Interactions recorded from SVZ, Hover, Blog, Website, Creative Agency. A 2x2 grid of media cards where hovering scales the background media and elevates card contrast. 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 Runway Creative Tool. Segmented tab bar with a sliding active indicator pill and category-filtered grid 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 Navbar Micro Interactions recorded from superpower. Tab navigation bar controlling an animated device screen preview with crossfading content views and layout-animated active pill indicators. 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 Dub.co Hero CTA Hover. A paired hero CTA group where hovering over the secondary button inverts button roles smoothly. 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 Wrike Board. Reveals a contextual "+ Task" placeholder card inside a kanban column when hovering over the empty column area. 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 Micro Interactions recorded from Canva UI. Multi-pane creation dialog featuring category navigation, searchable quick-template bar, and sectioned template grid previews. 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 Haus Agency Hover Button. Pill CTA button featuring an integrated avatar chip and subtle spring-elevated hover micro-interaction. 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.