Add animated components to Next.js without turning your pages into Client Components
How to keep the client boundary small when you add pointer-driven animation to a Next.js App Router project, with a worked example using a magnetic button.
Resources
Notes on building, integrating and maintaining animated interfaces.
Designing micro-interactions that respect reduced motion
A practical checklist for hover effects, springs and text animations that stay accessible when people ask their operating system to reduce motion.
Why mobile-first design matters for responsive UI
How designing from the smallest viewport up leads to clearer layouts, healthier CSS overrides, and more predictable AI edits in Component Studio.