MagicBento
Bento grid con partículas, foco de luz y borde brillante.
- Código: RODD·CP·030
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/MagicBento-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 |
|---|
| textAutoHide | boolean | true |
| enableStars | boolean | true |
| enableSpotlight | boolean | true |
| enableBorderGlow | boolean | true |
| disableAnimations | boolean | false |
| spotlightRadius | number | 300 |
| particleCount | number | 12 |
| enableTilt | boolean | false |
| glowColor | string | "132, 0, 255" |
| clickEffect | boolean | true |
| enableMagnetism | boolean | true |
Otros efectos de componentes
- ModelViewer — Visor de modelos 3D con órbita e iluminación.
- PixelCard — Tarjeta que se revela con una expansión de píxeles.
- SpecularButton — Botón de cristal con luz especular que recorre su borde.
- Terminal — Terminal animado que escribe comandos.
- AnimatedList — Lista con entrada escalonada y navegación con teclado.
- CardNav — Barra de navegación que se expande en paneles de tarjetas.