Interactive Hover Button

Docs

A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

Open in

Installation

Usage

import { InteractiveHoverButton } from "@/components/magicui/interactive-hover-button";

<InteractiveHoverButton>Interactive Hover Button</InteractiveHoverButton>

Props

Prop	Type	Default	Description
`text`	`string`	`Button`	The text to be displayed inside the button
`className`	`string`	`-`	Additional class names to style the component

Credits

Credit to @AayushBharti

Shiny Button Animated Subscribe Button

Contribute

Report an issue
Request a feature
Edit this page