Hover Brand Logo

An interactive horizontal banner that animates the displayed brand name as you hover over its icon.

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

import HoverBrandLogo from '@/components/ui/hover-brand-logo';

export default function HoverBrandLogoDemo() {
  return (
    <div className="min-h-screen flex items-center justify-center p-8 bg-background">
      <HoverBrandLogo />
    </div>
  );
}