Cursor Spotlight Shader

Micro Interactions

Subtle radial luminance gradient that dynamically tracks cursor coordinates on cards.

Interactive Live Preview
components/ui/cursor-spotlight.tsxTypeScript · React 19
1// Source code for Cursor Spotlight Shader
2import * as React from "react";
3
4export default function CursorSpotlightShader() {
5 return <div>Cursor Spotlight Shader</div>;
6}

Props & Specification

PropTypeDefaultDescription
variantCard | Grid | BorderCardVisual state and layout presentation mode.
classNamestring""Optional Tailwind CSS wrapper class overrides.

Related Components in Micro Interactions