Gsap Hover Button
Installation
Install Dependencies
Copy and Paste the component
@/components/reframe-ui/gsap-hover-button.tsx
Usage
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| text | React.ReactNode | - | No | Text content for the button. If omitted, children are rendered instead. |
| icon | React.ReactNode | - | No | Right-side icon node. Defaults to lucide ArrowUpRight. |
| iconWrapperClassName | string | - | No | Class names applied to the icon wrapper (the circular background). |
| anim | HoverAnimConfig | - | No | GSAP tween configuration to customize hover animations for the button container and icon wrapper. |
| className | string | - | No | Class names for the button container. |
| ...buttonProps | React.ButtonHTMLAttributes<HTMLButtonElement> | - | No | All native button props are forwarded. |
© Copyright 2025. All rights reserved.Built by @thommysart