Motion Guide & Standards

Use this skill to ensure all animations align with the "Neural Flux" aesthetic: fluid, magnetic, and 60fps stable.

1. Standardized Spring Configs

These are the actual values used in the codebase. Copy these directly.

Normal Mode (App.jsx, HeroPortal.jsx)

const springConfig = { stiffness: 100, damping: 30, restDelta: 0.001 }

Reduced Motion Mode (App.jsx — prefers-reduced-motion)

const springConfig = { stiffness: 300, damping: 50, restDelta: 0.01 }