Hover Glow Button

a dynamic React component that adds an engaging, mouse-following glow effect to your buttons. Part of the EaseMize UI library, it's designed for both ease of use and deep customization. Configure the glowColor, backgroundColor, textColor, and hoverTextColor props to create the perfect interactive element for your application. The smooth animation enhances user experience, making clicks more inviting.

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

import { HoverButton } from "@/components/ui/hover-glow-button";

const DemoOne = () => {
  return <HoverButton
        glowColor="#00ffc3"
        backgroundColor="#000"
        textColor="#ffffff"
        hoverTextColor="#67e8f9"
        className="shadow-lg"
      >
        Hover Me!
      </HoverButton>
};

export { DemoOne };