Variable Font Hover Nav

A horizontal navigation menu whose link letters animate from thin to bold outward from the center on hover using variable font weight.

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

import VariableFontHoverNav from "@/components/ui/m-variable-font-hover-1";

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