Interactive Hover Button

PRO

Preview live, install via shadcn or copy the source.

Installation

Install via shadcn

This will install the component and its dependencies automatically.

PRO COMPONENT

Unlock with PRO

This component is exclusive to reframe/ui PRO.
Get instant access to all premium components and templates.

Usage

interactive-hover-button-usage.tsxTSX

Props

NameTypeDefaultRequiredDescription
childrenReact.ReactNodeNoText content for the button. If omitted, children are rendered instead.
classNamestringNoClass names for the button container.
...buttonPropsReact.ButtonHTMLAttributes<HTMLButtonElement>NoAll native button props are forwarded.
© reframe/ui 2026Built by @thommysart
More in Buttons & Links