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.

Installation

npx shadcn@latest add "https://magicui.design/r/interactive-hover-button"

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