# Emoji Radio Group

> This Emoji Radio Group component transforms a traditional survey input into a fun and engaging experience. Instead of plain numbers or circles, each option is represented by an expressive emoji with a short label, making it instantly relatable for quick feedback collection. When a user selects an option, the card highlights with accent styling and displays a glowing green dot in the corner for clear visual confirmation. Smooth hover animations and responsive sizing add a playful, interactive feel, while Radix underpinnings ensure full accessibility with keyboard navigation and ARIA compliance. This design makes it perfect for customer satisfaction surveys, in-app feedback prompts, or any scenario where you want to capture sentiment in a more human and intuitive way.

- Author: [Ruixen](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/emoji-radio-group

## Install

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