The UI Animation & AI Prompt
Library with 7K Micro
InteractionsThe UI Animation & AI Prompt
Library with 7K Micro
Interactions

This is a real Metric Micro Interactions recorded from Smartwatch Compass. A compact smartwatch compass dial with synchronized rotating needle, cardinal direction label, and degree readout. 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 AR VR, Hover,Button,Modal, Alcove, Hangout. A floating spatial UI dialog with 3D perspective tilt, glowing accents, and entrance/exit scale 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 UI Animation recorded from watch-menu-flow. Multi-level hierarchical screen navigator with drill-down transitions and single-select list 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 Badge Micro Interactions recorded from Mobile App Product Tour. Anchored purple onboarding guide tooltip with pulsing target beacon and step navigation. 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 List Micro Interactions recorded from Smartwatch Scroll. A vertical compact list with top-edge fade/blur masking and an auto-fading scroll track 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 Accordion Micro Interactions recorded from Attio Onboarding Flow. Interactive onboarding chip selector that expands contextual sub-options and synchronizes with a live workspace preview. 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 ImagineArt Modal. Bottom-anchored prompt input toolbar that expands an action menu overlay containing contextual option tiles when triggered. 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 Smartwatch Noise App. Live decibel meter displaying real-time sound levels via dynamic bar graph, numeric readout, and threshold-based color 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 Fade Micro Interactions recorded from SeaArt AI Tabs. Horizontal segmented tab bar with an animated pill indicator and content panel swap. 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 Smartwatch, Loop, WaterMinder, Wellness. A compact smartwatch step card that transitions to a celebration screen with rising ambient star particles. 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 Morph Micro Interactions recorded from Mobile App, Opening, Mobile App, Fintech. Stacked wallet cards smoothly expand into full-height detail views and collapse back into their exact stack position using shared element layout 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 UI Animation recorded from Canva Pro Trial Modal. Centered promotional modal that transitions from skeleton loader to vibrant illustrated offer accompanied by a confetti burst. 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.