Variable Font Hover Hero

Hero headline with two stacked lines whose variable-font weight and slant axes invert against each other on hover.

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

import VariableFontHoverHero from "@/components/ui/m-variable-font-hover-2";

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