TiltFx creates a depth-based tilt animation that follows the user's mouse cursor. The effect is driven by rotateX/rotateY transforms and resets on mouse leave. It's designed for hoverable visual elements like images or feature blocks.
Control the strength of the tilt effect with the intensity prop. Lower values create a subtle effect, while higher values make it more dramatic.
TiltFx automatically detects low-end devices and the prefers-reduced-motion system setting. When either is detected, the tilt effect is disabled. You can override this behavior with the reducedMotion prop.
See useReducedMotion for details.
