Shine Border
Installation
npx shadcn@latest add "https://magicui.design/r/shine-border"Examples
Monotone
Shine Border
Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | The class name to be applied to the component. |
duration | number | 14 | Defines the animation duration to be applied on the shining border. |
color | string | #FFFFFF | Defines the color of the border. |
borderRadius | number | 8 | Defines the radius of the border. |
borderWidth | number | 1 | Defines the width of the border. |
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.