HoloFx simulates a holographic light sheen by layering interactive visual effects like shine, burn, and texture over any content block. It uses radial masks and mouse tracking to shift light and create movement. Not supported on touch-screens.
HoloFx automatically detects low-end devices and the prefers-reduced-motion system setting. When either is detected, the mouse-tracking effect is paused. The effect also pauses when the element is outside the viewport. You can override this with the reducedMotion prop.
See useReducedMotion for details.
