# Rating Scale Group

> This Rating Scale Group component presents a clean, survey-style alternative to traditional star ratings. Instead of icons, it uses a row of numbered boxes (1–10) that users can click to indicate their level of satisfaction or feedback. Each option is styled like a small button with hover and focus effects, making the interaction feel responsive and intuitive. When selected, the active number is highlighted with accent colors and a glowing green dot in the corner, providing a clear visual confirmation. This design mimics the familiar Net Promoter Score (NPS) format, making it ideal for customer satisfaction surveys, user experience feedback forms, or any context where you want to capture ratings in a structured, easy-to-read scale.

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

## Install

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