UI Interaction Finder
UI Interaction Library
UI Interaction FinderUI Interaction & Animation Library

Find the name of any UI interaction.

See it. Name it. Prompt it. Build it.

Explore visual UI interactions and animations, learn their technical names and aliases, understand triggers and effects, and copy structured prompts for AI coding tools.

Explore the library
01 / Selected free interactions

Patterns you can name,
understand, and build.

Each entry maps a visual interaction to technical terminology and a structured AI prompt.

No interactions match this view.

Try another category or search term.
Explore the library
The method

From visual instinct to useful instruction.

  1. 01
    See the interaction

    Start with behavior, not a search term you do not know yet.

  2. 02
    Learn its technical name

    Connect what you recognize to established interface language and aliases.

  3. 03
    Copy the AI coding prompt

    Take the intent, mechanics, constraints, and accessibility details with you.

  4. 04
    Build it with AI

    Use the prompt in Codex, Cursor, Claude Code, or your tool of choice.

02 / Premium archive

Unlock the full library

Pay once. Access every current and future Premium interaction.

Lifetime access$9.99 Lifetime

Join early, pay less forever. Early members keep full access as the library and price grow.

View lifetime access
03 / Latest field notes

Better words make
better interfaces.

Practical notes on naming interaction patterns and describing them clearly to an AI coding assistant.