Interaction Design

Create engaging, intuitive interactions through motion, feedback, and thoughtful state transitions.

Project Conventions

• Preferred library: Framer Motion for React component animations
• CSS animations: Use transform and opacity only for 60fps performance
• Spring physics: Prefer spring animations over linear/eased for interactive elements
• Interruptible: Users must be able to cancel or override any animation

Timing Scale