BoxCarousel

Carrusel en forma de cubo 3D.

Cómo instalarlo

npx shadcn@latest add "https://fancycomponents.dev/r/box-carousel.json"

Sustituyen a un componente estándar cuando la experiencia es parte del producto.

Prop	Tipo	Por defecto
items	CarouselItem[]
width	number
height	number
className	string
debug	boolean	false
perspective	number	600
direction	RotationDirection	"left"
transition	ValueAnimationOptions	{ duration: 1.25, ease: [0.953, 0.001, 0.019, 0.995] }
snapTransition	ValueAnimationOptions	{ type: "spring", damping: 30, stiffness: 200 }
dragSpring	SpringConfig	{ stiffness: 200, damping: 30 }
autoPlay	boolean	false
autoPlayInterval	number	3000
onIndexChange	(index: number) => void
enableDrag	boolean	true
dragSensitivity	number	0.5

CircularGallery — Galería curva infinita que se arrastra o se desplaza con scroll.
DepthCarousel — Tarjetas en un raíl 3D con profundidad, arrastre y autoplay.
ElasticSlider — Slider cuyo tirador se estira y vuelve con muelle.
GlassIcons — Iconos con efecto de cristal esmerilado.
Lanyard — Credencial 3D colgante con física de péndulo realista.
MarqueeAlongSvgPath — Marquesina de imágenes que sigue una curva SVG.