Lanyard
Credencial 3D colgante con física de péndulo realista.
- Código: RODD·CP·028
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/Lanyard-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 |
|---|
| position | array | [0, 0, 30] |
| gravity | array | [0, -40, 0] |
| fov | number | 20 |
| transparent | boolean | true |
| frontImage | string | null |
| backImage | string | null |
| imageFit | "cover" | "contain" | "cover" |
| lanyardImage | string | null |
| lanyardWidth | number | 1 |
Otros efectos de componentes
- Masonry — Masonry responsive con reflujo animado.
- OptionWheel — Selector curvo tipo rueda que gira con scroll, arrastre o flechas.
- ReflectiveCard — Tarjeta metálica que refleja tu webcam y la luz.
- StaggeredMenu — Menú a pantalla completa con entrada escalonada.
- AnimatedBeam — Haces de luz que conectan elementos, ideal para integraciones.
- BoxCarousel — Carrusel en forma de cubo 3D.