Components
Loading preview...
A modern interactive button that dynamically changes its background color when hovered over, focused, or clicked. This enhances user experience by providing immediate visual feedback, making it ideal for call-to-action elements. The transition is smooth and appealing, supporting both light and dark themes.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/interactive-buttonimport { InteractiveHoverButton } from "@/components/ui/interactive-button";
const InteractiveHoverButtonDemo = () => {
return (
<>
<InteractiveHoverButton>Click me</InteractiveHoverButton>
</>
);
};
export { InteractiveHoverButtonDemo };