Motion Foundations establishes the base layer of a motion system for React and Next.js applications using motion/react. It defines strict constraints, shared duration and easing tokens, spring preset maps, device adaptation rules, accessibility enforcement via reduced motion checks, and SSR-safe initial states. Reach for it when setting up the foundational tokens, spring presets, reduced-motion handling, or hydration-safe animations before building downstream UI animation components.
Key Features
Shared motionTokens and spring preset maps
Accessibility enforcement with reduced motion support
SSR-safe hydration state management
Device adaptation and low-end hardware detection
Privacy & Security
Data Collection
This tool follows industry-standard security practices and only collects data necessary for functionality.