📖 Step 2: Design - UI/UX Basics#56 / 291
Interaction
Interaction
📖One-line summary
How the screen reacts to user actions like clicks, hovers, and scrolls.
✨Example
Interactions responding to user behavior
State: Default
⚡Vibe coding prompt examples
>_
Build various interaction states for buttons. Define styles for default, hover, active, focus, and disabled.
>_
Build a hover interaction where a card lifts slightly and the shadow grows. Implement with smooth transitions.
>_
Build a scroll-driven interaction. Run fade-in and slide-up animations when elements enter the viewport.
Try these prompts in your AI coding assistant!