# Carousel3DSelect

> The 3D Depth Carousel Select is an interactive and visually engaging selection component built with shadcn UI. It arranges options in a 3D circular carousel, allowing users to rotate through items using clicks, arrows, or potentially swipe gestures. Each option can be styled individually with colors, shadows, and highlights, and the currently selected item is prominently centered with a clear visual indicator. The component maintains accessibility through an underlying shadcn Select, ensuring keyboard and form integration, while offering configurable settings such as carousel radius, item size, and rotation behavior. Ideal for media previews, templates, product selections, or any 3D-style picker, this component transforms a standard dropdown into a dynamic, reusable, and highly interactive UI element.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/carousel3dselect

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/carousel3dselect?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt