Variable Font Proximity Hero

A centered hero headline whose letters shift from ultra-light to heavy weight as the cursor moves near them.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Variable Font Proximity Hero to your project and fits it to your theme.

import VariableFontCursorProximityHero from "@/components/ui/m-variable-font-cursor-proximity-1";

export default function Default() {
  return <VariableFontCursorProximityHero />;
}