Components
InteractiveButton
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.
import { InteractiveHoverButton } from "@/components/ui/interactive-button";
const InteractiveHoverButtonDemo = () => {
return (
<>
<InteractiveHoverButton>Click me</InteractiveHoverButton>
</>
);
};
export { InteractiveHoverButtonDemo };
Dependencies
Published
Similar components
Explore more
Part of Ruixen UI — browse the full library on 21st.dev.