ElectricBorder
Borde eléctrico con arcos de energía y brillo ajustable.
- Código: RODD·AN·010
- Familia: Animaciones
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/ElectricBorder-TS-TW
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 |
|---|
| color | string | "#5227FF" |
| speed | number | 1 |
| chaos | number | 0.12 |
| borderRadius | number | 24 |
| className | string | — |
| style | React.CSSProperties | — |
| children | ReactNode | — |
Otros efectos de animaciones
- GradualBlur — Desenfoque progresivo en capas para bordes cinematográficos.
- Lens — Lupa que amplía imágenes o vídeos al pasar el ratón.
- MetaBalls — Metabolas líquidas que se fusionan y separan.
- ParallaxFloating — Imágenes flotantes con parallax al mover el ratón.
- Screensaver — Elementos que rebotan por la pantalla como un salvapantallas.
- SplashCursor — Simulación de fluido que salpica al mover el cursor.