Cylinder Carousel

A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a springy glide and snap. Reduced-motion drops the glide.

Live Preview

Live

Installation & Files

Installation
pnpm dlx shadcn@latest add @beui/cylinder-carousel
Component Files (1)
  • components/motion/cylinder-carousel.tsx

Component Details

Category
Components
Component Slug
cylinder-carousel
Published
7/4/2026
Last Updated
9/11/2026

About This Catalog

This is a reference catalog of the complete BeUI component library. For full interactive demos, live code playgrounds, and detailed documentation, visit beui.dev.