This is a real Scroll Micro Interactions recorded from Studio ONTO, Project, Website, Design. Smooth shared-layout expansion from a grid item into a detailed project case study with a persistent floating bottom navigation pill. 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 Micro Interactions recorded from Works, Hover, Project, Website, Design. A portfolio showcase card that crossfades image and text layers on cursor 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 Scroll Micro Interactions recorded from Works Scroll Loop. A full-width hero card smoothly shrinks into a compact top banner while scrolling to reveal split content cards. 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 Rotate Micro Interactions recorded from Sougen, Loop,Idle,Project,Animation, Website, Design. A 2x2 interactive feature grid with continuous wireframe icon rotations and subtle hover transitions alongside a fixed section title. 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 Works, Scroll,Loop,Idle,Project, Website, Design. Smooth page transition revealing a multi-column case study showcase following an animated segmented spinner and typographic zoom sequence. 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 REJOUICE. Scroll-driven showcase cards that scale from an inset preview to full viewport width with centered title overlays and sequential project reveals. 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 Okay Dev Carousel. A 3D-stacked project showcase carousel featuring layered depth cards, synchronized metadata crossfades, and bottom navigation controls. 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 Ranlus Creative Agency. Multi-column vertical continuous scrolling gallery with counter-moving card streams and centered hero framing. 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 Entreautre. Collapses a large hero media banner on scroll into a compact top navigation bar flanked by brand items while scrolling page content upward. 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.