About
Two mirrored lines of text whose variable-font weight and slant axes flip based on cursor distance with gaussian falloff.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Variable Font Cursor Proximity Dual to your project and fits it to your theme.
Code
How Variable Font Cursor Proximity Dual is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import VariableFontCursorProximityDual from "@/components/ui/m-variable-font-cursor-proximity-2";
export default function Default() {
return <VariableFontCursorProximityDual />;
}
















