AnimatedList
Lista con entrada escalonada y navegación con teclado.
- Código: RODD·CP·002
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/AnimatedList-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 |
|---|
| items | string[] | ['Item 1', 'Item 2', ...] |
| onItemSelect | function | undefined |
| showGradients | boolean | true |
| enableArrowNavigation | boolean | true |
| className | string | '' |
| itemClassName | string | '' |
| displayScrollbar | boolean | true |
| initialSelectedIndex | number | -1 |
Otros efectos de componentes
- CardSwap — Pila de tarjetas que se intercambian solas.
- CssBox — Caja 3D hecha solo con CSS que puedes rotar.
- DomeGallery — Cúpula 3D de imágenes que giras con el dedo.
- FlowingMenu — Menú con marquesina que entra por el borde más cercano.
- GooeyNav — Navegación cuyo indicador se deforma como una gota.
- MagicBento — Bento grid con partículas, foco de luz y borde brillante.