# CircularRadialSelect

> The Circular Radial Select is a visually striking and interactive selection component built with shadcn UI, designed to arrange options in a circle around a central point. Users can pick items by clicking on circular knobs, each of which can be color-coded or styled individually, making it ideal for time pickers, color wheels, mood selectors, or other radial inputs. The component is fully configurable, allowing developers to adjust the circle’s radius, knob size, colors, and placeholder text, while maintaining accessibility via an underlying shadcn Select for keyboard and form support. Selected items are clearly highlighted, and the layout ensures consistent spacing and alignment regardless of the number of options, offering a unique, reusable, and engaging UI element for dashboards, design tools, or any app that benefits from radial selection.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- Live preview: https://21st.dev/@ruixen.ui/components/circular-radial-select

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/circular-radial-select?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