This is a real Accordion Micro Interactions recorded from a real app. Accordion animation in 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 Louis Ansa Cursor Effects. Hero showcase card with auto-cycling media slides and smooth spring-lagged cursor follower. 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 UI Animation recorded from FABRIC Hover Tabs. Interactive 4-tab panel syncing quote crossfades with a 2x2 geometric quadrant fill and active tab 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 Badge Micro Interactions recorded from Propel.vc. Interactive text grid items invert text and background color 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 Button UI Animation recorded from FABRIC. A modular portfolio grid whose cards reveal an accent outline and an animated action circle button 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 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 Button Micro Interactions recorded from Axelar Hero. Interactive isometric diamond grid with traveling glowing orbs and pulsing intersection crosses. 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 UI Animation recorded from BaseHub FAQ Accordion. Smooth vertical height expansion and opacity crossfade for collapsible accordion questions. 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 Nod Coding. Interactive stylized wordmark where geometric letter shapes balance atop vertical pins and lift, rotate, and separate on pointer 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 Loop Micro Interactions recorded from Elegant Seagulls Case Studies. A responsive two-column case study grid where hovering a card smoothly activates video/media preview playback with subtle image zoom and category tags. 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.