Components/Buttons
3D Button
A premium 3D button component with customizable dual-tone gradients, shimmer effects, and depth shadows.
button3dgradientshimmer
Preview
Installation
npx shadcn@latest add @grootstudio/3d-buttonUsage
1
Import the component
2
Use like this
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| color1 | string | undefined | The primary light color for the top of the gradient. | |
| color2 | string | undefined | The secondary dark color for the bottom of the gradient and shadows. | |
| href | string | undefined | Optional URL for navigation. | |
| openInNewTab | boolean | false | Whether to open the link in a new tab. | |
| className | string | undefined | Optional class names for custom styling. |