This is a real Loading Micro Interactions recorded from Lattice AI Agent Demo. Interactive prompt input simulating typing animation and streaming answer reveals driven by category pill tabs. 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 Canva UI. Multi-pane creation dialog featuring category navigation, searchable quick-template bar, and sectioned template grid previews. 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 Settings Micro Interactions recorded from 4XVR Video Player Media Settings. Floating media control settings sheet with animated tabs, toggle switches, color swatches, and numeric steppers. 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 Secfi Search Modal. Full-screen modal search interface triggered from header with pill category filters and result list. 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 Archive. List rows trigger a centered floating visual preview card with spring entrance, crossfade swaps, and exit 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 Card UI Animation recorded from Lithic Card Hover. A responsive feature card grid where hovering over interactive cards triggers a border highlight and an animated directional arrow. 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 crappy presentations. Pins a multi-item feature list while translating an interactive character illustration across a horizontal track driven by vertical 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 Elevate, Loop,Footer, Website, Business. Top navigation drawer that collapses upwards with ease to reveal the underlying background canvas and minimal persistent nav. 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 Micro Interactions recorded from Codex Hover Navbar. Capsule navbar with animated sliding background pill tracking the active hovered link. 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 Drag Micro Interactions recorded from Cycle, Hover, Hero, Intro Transition, Drag & Drop. Radial floating icon array where dragging feedback sources into a central drop target expands preview cards and ingests items with interactive drop confirmation. 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.