Carousel
Carrusel responsive con gestos táctiles y bucle.
- Código: RODD·CP·008
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/Carousel-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 | CarouselItem[] | DEFAULT_ITEMS |
| baseWidth | number | 300 |
| autoplay | boolean | false |
| autoplayDelay | number | 3000 |
| pauseOnHover | boolean | false |
| loop | boolean | false |
| round | boolean | false |
Otros efectos de componentes
- DecayCard — Tarjeta cuyo contenido se desintegra al pasar el ratón.
- DriftWall — Muro infinito de tarjetas en perspectiva que se elevan al hover.
- Folder — Carpeta que se abre para revelar su contenido.
- InfiniteSpiral — Hélice 3D infinita de imágenes.
- Marquee — Carrusel infinito para logos, opiniones o imágenes.
- MorphSlider — Slider WebGL que funde imágenes con una transición líquida.