This is a real Loading Micro Interactions recorded from Leonardo.AI Tabs. Category tab bar with an animated pill indicator driving async grid content transitions via skeleton placeholders. 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 Grok Web App Modal. Centered task creation modal with dynamic frequency tab selection and smooth interior field 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 Button Micro Interactions recorded from Mobile App, Tabs, Mobile App, Healthcare. A pill button expands on tap into a staggered vertical list of items, pushing page flow downward. 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 Active State Micro Interactions recorded from Kaizen Contact Tabs. Interactive segmented tab contact card that animates a sliding pill indicator and crossfades card content and dynamic form fields per category. 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 Image UI Animation recorded from Adobe Firefly UI. Floating pill segmented control driving a smooth crossfade and entrance of categorized media grid cards. 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 Selected State Micro Interactions recorded from Freetrade. A sliding pill tab switcher that toggles billing intervals and swaps card prices. 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 Select UI Animation recorded from a real app. Select 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 Carousel UI Animation recorded from Flow, Tabs, Website, AI Tools. Horizontal tab selector triggering synchronized crossfade copy transitions and a sliding visual card stage with contextual interactive overlays. 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 Selection Micro Interactions recorded from HeyGen Library. A segmented pill switch that toggles between landscape and portrait aspect ratios and reorganizes a media template grid. 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 Front. Horizontal tab list with animated active pill indicator and smooth crossfade/scale preview pane 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.
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.