ShineBorder
Borde con un brillo de degradado animado.
- Código: RODD·AN·058
- Familia: Animaciones
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/shine-border.json"
Cuándo usarlo
Refuerzan una interacción concreta: un CTA, una tarjeta, un cursor. Nunca decoran por decorar.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| borderWidth | number | 1 |
| duration | number | 14 |
| shineColor | string | string[] | "#000000" |
| className | unknown | |
| style | unknown | |
Otros efectos de animaciones
- SwarmCursor — Enjambre de partículas que persigue al cursor.
- BorderBeam — Haz de luz que recorre el borde de un contenedor.
- Cubes — Rejilla de cubos 3D que se inclinan hacia el cursor.
- ElectricBorder — Borde eléctrico con arcos de energía y brillo ajustable.
- GooeySvgFilter — Filtro SVG que une elementos como gotas.
- LaserFlow — Haz láser que fluye y se derrama sobre una superficie.