This is a real Button UI Animation recorded from Up. Centered hero container with an idle oscillating multi-arm character illustration and interactive pill 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 Transition UI Animation recorded from Superrb. A responsive portfolio grid where hovering any card dims all non-hovered siblings to emphasize the active 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 List Micro Interactions recorded from Flow Creator Hover. A stacked creator title list that highlights the active item, dims siblings, reveals a positioned media preview card, and casts an ambient color mesh glow. 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 Morflax Hover Button Hero. A dual-action pill button cluster where a smooth background highlight slides and morphs behind whichever action is actively hovered. 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 Hyperliquid Intro. A centered liquid loader animates and expands via a circular mask to reveal the full hero layout with ambient background 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 Button Micro Interactions recorded from Caldera Footer. Circular social icon buttons that stretch vertically upward into elongated pills on hover while preserving their circular caps. 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 Workshop hover navigation. Multi-item typography navigation that projects a contextual URL preview badge into a pinned status bar 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 List Micro Interactions recorded from SVZ, Hover,Project, Website, Creative Agency. Interactive list displaying row items that reveal a floating project 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.

This is a real Carousel UI Animation recorded from Clim Studio. Cycles visually rich media preview cards automatically with smooth slide-and-scale transitions and interactive play 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.