BorderGlow
Borde con brillo de malla degradada que sigue la dirección del cursor.
- Código: RODD·CP·003
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/BorderGlow-TS-TW
Cuándo usarlo
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| children | ReactNode | - |
| className | string | "" |
| edgeSensitivity | number | 30 |
| glowColor | string | "40 80 80" |
| backgroundColor | string | "#120F17" |
| borderRadius | number | 28 |
| glowRadius | number | 40 |
| glowIntensity | number | 1.0 |
| coneSpread | number | 25 |
| animated | boolean | false |
| colors | string[] | [...] |
Otros efectos de componentes
- Carousel — Carrusel responsive con gestos táctiles y bucle.
- CurvedInput — Campo de texto curvado con botón de envío.
- DragElements — Elementos que puedes arrastrar y lanzar.
- FlyingPosters — Pósters 3D que vuelan en bucle con el scroll.
- InfiniteMenu — Esfera infinita de elementos navegable con arrastre.
- MagicCard — Tarjeta con un foco de luz que sigue al cursor e ilumina sus bordes.