This is a real Morph Micro Interactions recorded from Flecto Intro Transition. Multi-panel staggered reveal and layout morph from landing state to hero content. 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 Dix Hectares. Initial spinner preloader crossfades into a hero visual container which parallax-scrolls into a sticky seasonal timeline. 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, Page Transition, Opening, Mobile App, Wellness. Horizontal snap carousel for pinned workout metrics with bar chart progress visuals in mobile chat headers. 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 Secrid. Outline action button with smooth background fill, inverted text contrast, and directional arrow reveal 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 Modal Micro Interactions recorded from Squarespace Settings Transition. A dashboard context menu action triggers a full-panel modal expansion revealing nested settings navigation. 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 WebThree Consulting. Hero headline with an embedded SVG eye graphic whose pupil dynamically tracks cursor position. 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 Bottom Sheet Micro Interactions recorded from Agile By Design, Page Transition, Website, Enterprise. A nested surface slides up from the bottom to replace content while preserving top-level navigation chrome. 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 Pop Site, Hero,Intro Transition. Centered brand loader with progress bar crossfades and reveals the hero content once loaded. 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 ChallengeBox VR Music Selector. Master-detail grid card selector that reveals an adjacent tracklist inspector panel on selection and confirms choice with a 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.
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.