Results for “animation-detail”

Build complex, interactive animations in React/Next.js including drag-and-drop, gestures, text animations, SVG path drawing, custom hooks, and imperative sequences.

Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.

Apply animation principles to UI motion for purposeful, polished interactions.

Builds interactive HTML sketches with working states, transitions, and a shared CSS theme system for design exploration.

Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.

Add scroll animations, micro-interactions, or page transitions to a component using GSAP, with reduced-motion support and performance best practices.

Design the small details—triggers, rules, feedback, loops, and modes—that separate good products from great ones, based on Dan Saffer's framework.