Bases del Sistema de Motion para React
Capa base del sistema de motion para React/Next.js con motion/react: tokens de animación, presets de springs, reglas de rendimiento, adaptación a dispositivos, accesibilidad (prefers-reduced-motion) y seguridad en SSR. Es el cimiento del que dependen el resto de skills de motion, garantizando animaciones accesibles y sin errores de hidratación.
Incluida en el Pase · para Claude Code, Cursor, Codex CLI
// qué_hace
Define tokens, presets de springs, reglas de rendimiento y accesibilidad como base de todo el sistema de animación.
// cómo_lo_hace
Provee un objeto motionTokens y un mapa de springs compartidos, una función shouldAnimate() de control, defaults accesibles vía useReducedMotion y estados iniciales seguros para SSR, con reglas innegociables (usar solo motion/react, initial igual al render del servidor, reduced-motion por encima de todo).
// ejemplo_de_uso
Úsala al montar el sistema de animaciones de un producto React para fijar tokens, springs y reglas antes de animar nada. Ej.: defines duraciones y muelles compartidos y activas reduced-motion por defecto, evitando que cada componente improvise sus propios 0.3s y rompa la coherencia.
// plataformas
// opiniones_de_la_comunidad
Opiniones
Cargando opiniones…