The UI Animation Library
With AI Ready Prompt for
7K+ Micro Interactions.The UI Animation Library With
AI Ready Prompt for 7K+ Micro Interactions.

This is a real Button UI Animation recorded from Nod Coding, Hover, Website, Enterprise. A stacked geometric petal cluster that tilts and flexes its dynamic SVG string tether with floating ambient particles in response to pointer motion. 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 SeaArt AI History Drawer. A collapsible right-docked drawer panel with a persistent edge trigger tab that smoothly toggles open and closed states. 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 Micro Interactions recorded from Streak Celebration. Multi-step milestone celebration that transitions from a completion checkmark to an animated flame streak counter with staggered detail reveals. 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 Micro Interactions recorded from Entreautre, Scroll,Team,Text Animation. Multi-item photo collage collapses inward into a single central typographic lockup driven by scroll progress. 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 Success Celebration. Triggers a radial physics-based confetti particle burst originating from an actionable target upon success completion. 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 Loading Micro Interactions recorded from Airtable Loading Modal. Multi-colored circular segmented spinner rotating continuously above status text. 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 Jasper Hero Interaction. Canvas hero card simulating multi-user presence with floating collaborator cursors, live text selection highlights, and autonomous avatar paths. 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 Todoist Task Drag. Task list item dragged vertically to reorder or horizontally to indent, triggering an animated undo toast upon drop. 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 Search Micro Interactions recorded from Web App, Select, Anchor, Audio. Synchronized audio transcript player and editor with word-level playback tracking, anchored action popovers, and inline text editing. 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 Socratica Symposium. An infinite horizontal scrolling ribbon of pill tags with smooth linear translation. 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 Monday Schedule Modal. A centered modal dialog that displays an async loading spinner before crossfading into a multi-month calendar schedule view. 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 Playback Micro Interactions recorded from SeaArt AI Audio UI. Interactive audio preset chips that open a floating waveform playback preview card 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.