Framer Motion

Animation and gesture library for React. Used in production on all web projects for transitions, layout animations, and micro-interactions.

Proficiency: Proficient

Usage patterns

• Smooth page transitions and modal enter/exit animations
• Gesture-driven interactions (drag, hover, tap)
• Shared layout animations for content reordering
• SVG path morphing and complex motion design
• Combined with Tailwind CSS for responsive animated components

Part of the modern React ecosystem alongside TypeScript, making animations composable and type-safe.

Related: React, TypeScript, Web Dev, Tailwind CSS