CircularGallery
Galería curva infinita que se arrastra o se desplaza con scroll.
- Código: RODD·CP·010
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/CircularGallery-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 | Array<{ image: string; text: string }> | undefined |
| bend | number | 3 |
| textColor | string | "#ffffff" |
| borderRadius | number | 0.05 |
| font | string | "bold 30px Figtree" |
| fontUrl | string | undefined |
| scrollSpeed | number | 2 |
| scrollEase | number | 0.05 |
Otros efectos de componentes
- Dock — Dock estilo macOS con magnificación por proximidad.
- ElementAlongSvgPath — Elementos que se mueven siguiendo un trazado SVG.
- GlassSurface — Superficie de cristal estilo Apple con distorsión en tiempo real.
- LineSidebar — Barra lateral cuyos elementos reaccionan a la cercanía del cursor.
- Masonry — Masonry responsive con reflujo animado.
- OptionWheel — Selector curvo tipo rueda que gira con scroll, arrastre o flechas.