Shine Border
Installation
npx shadcn@latest add "https://magicui.design/r/shine-border"Examples
Monotone
Shine Border
Props
| Prop | Type | Description | Default |
|---|---|---|---|
| className | string | The class name to be applied to the component. | |
| duration | number | Defines the animation duration to be applied on the shining border. | 14 seconds |
| color | string | Defines the color of the border. | #FFFFFF |
| borderRadius | number | Defines the radius of the border. | 8px |
| borderWidth | number | Defines the width of the border. | 1px |
| children | ReactNode | Contains react node elements. |
Credits
- Credits to Matthew Goshman for this fantastic component.
- Credits to Anu Adebayo for improving and customizing the component.