Cursor-Driven Cinematic Focus Navigation
A cursor-driven interaction that shifts visual focus between interface elements through smooth scaling, depth, motion, and cinematic transitions.
View interactionUI Interaction Finder
SEE IT. NAME IT. PROMPT IT. BUILD IT.
Each entry maps a visual interaction to technical terminology and a structured AI prompt.
A cursor-driven interaction that shifts visual focus between interface elements through smooth scaling, depth, motion, and cinematic transitions.
View interactionA scroll-driven 3D image gallery where vertical scrolling continuously controls image rotation, position, scale, and depth, creating the feeling of moving through a spatial visual scene.
View interactionStart with behavior, not a search term you do not know yet.
Connect what you recognize to established interface language and aliases.
Take the intent, mechanics, constraints, and accessibility details with you.
Use the prompt in Codex, Cursor, Claude Code, or your tool of choice.
Pay once. Access every current and future Premium interaction.
Join early, pay less forever. Early members keep full access as the library and price grow.
Practical notes on naming interaction patterns and describing them clearly to an AI coding assistant.
Learn how to make a vibe-coded website look less generic with stronger visual direction, better AI prompts, and more intentional website interactions.
Learn what vibe coding is, how AI coding tools build websites from natural-language prompts, and how interaction design can make AI-generated websites feel less generic.
Learn what mouse tracking animation is, how cursor-driven web effects work, and how designers use pointer movement to create 3D tilt, parallax, interactive focus, and responsive visual experiences.
A 3D image gallery that rotates, shifts through depth, or changes perspective as you scroll is usually described as a scroll-driven 3D gallery. Here is how the interaction works, what to search for, and how to recreate it.
If a website moves, scales, shifts focus, or changes depth as you move your mouse, the effect is usually called a cursor-driven, mouse-tracking, or cursor-reactive animation. The exact name depends on what the cursor is controlling.