Guides

Animation, done properly

Short, practical guides from building and auditing every MotionKit component.

• How to Respect prefers-reduced-motion in React

  What the reduced motion setting does, how to read it in CSS and in React with Motion, what to keep and what to remove, and how to test it.

  6 min read

• Build an Animated Landing Page in Next.js with Tailwind and Motion

  Step by step: set up Next.js, add animated hero, features, testimonials and pricing sections, keep it fast and accessible, and ship it.

  7 min read

• Accessible Animation: A WCAG 2.2 Checklist for React

  The WCAG 2.2 success criteria that apply to animated interfaces, what each one means in practice, and how to meet it in React.

  6 min read