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 Active State Micro Interactions recorded from AR VR Oasis Browser. Floating spatial viewport window that rotates, tilts, and tracks pointer drag across 3D perspective axes with spring physics. 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 Mobile App Onboarding Analysis. Multi-step sequential progress tracker where progress bars and numeric percentage counters fill in staggered succession. 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 UI Animation recorded from TechSpeed Hero Intro Transition. Full-screen intro preloader that scales a centered emblem, reveals a dynamic color-tile mosaic curtain, and slides/fades into the hero 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 Menu UI Animation recorded from Linktree Dropdown Menu. Top navigation bar with animated morphing mega-menu container that smoothly resizes 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 Button UI Animation recorded from Bueno Hover Button Menu Navbar. Floating navigation dropdown that transitions content and container dimensions when hovering 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 Button UI Animation recorded from Reader Loading Screen. A top-anchored circular loader badge that executes continuous clockwise rotation over an e-reader page viewport. 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 Web App, Modal, Lovable, Developer Tools. Centered modal dialog with backdrop blur and enter/exit scale crossfade triggered by a header 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 Micro Interactions recorded from AR VR Select Tap Fitness. A 3D-tilted spatial deck of cards with neon hover/active borders, syncing selection state to an animated inspection panel with stats, BGM badge, and difficulty toggle. 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 Mobile App Carousel. A horizontal 3D perspective card stack that fans out journal sheets with depth scaling, layered drop shadows, and inertia-driven dragging. 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 Workout Micro Interactions recorded from AR VR Fit Beat Combat. Floating spatial HUD displaying countdown timer, dynamic hit ratings, and dual radial metric meters. 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 Navigation UI Animation recorded from HeyGen Web App. Collapsible icon rail that expands smoothly into a full navigation drawer revealing text labels and section groupings. 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 Metric Micro Interactions recorded from Water Tracker. Smartwatch metric display that increments hydration volume with a smooth progress bar, dynamic text transition, and celebratory confetti burst upon exceeding 100%. 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.