This is a real Search Micro Interactions recorded from ClickUp Modal Flyout Filter. An attached lateral drawer that slides out from the right boundary of a modal dialog to expose contextual filter dropdowns. 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 Web App, Side Panel, Drip, Productivity Tools. A collapsible right-side drawer panel that slides horizontally into view with a header, content body, and sticky footer. 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 Menu Micro Interactions recorded from fotor-language-flyout. A nested flyout submenu that animates outward with scale and opacity transitions when hovering or clicking a parent item. 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 Ideogram AI. Popover panel with animated filter checkboxes, layout segmented toggle, and grid zoom slider controlling gallery state. 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 Menu Micro Interactions recorded from Zelt Dropdown Menu. Top navigation bar with animated shared-container dropdown that morphs dimensions and crossfades content between menu items. 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 Menu Micro Interactions recorded from Adaline Hover Dropdown Menu. Full-width navigation dropdown with four staged product columns that focus on hover and dim inactive columns. 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 UI Animation recorded from MIMCO Capital. A slide-over portfolio showcase drawer triggered from a side badge featuring horizontal card exploration with a custom hover indicator. 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 Calendar Micro Interactions recorded from Etsy Date Picker. Anchored popover calendar with month navigation and date cell 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 Badge UI Animation recorded from Mobile App, Expand,Dropdown. Smoothly collapses detailed sub-options into a compact dropdown pill while animating adjacent list items via layout shift. 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 Ideogram AI Generation Settings. A popover panel containing segmented controls and radio cards that animates into view on trigger click and syncs state to the trigger badge. 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.