# Tag Cloud Select

> The Searchable Tag Cloud Select is a modern, interactive component designed for apps that need both data-rich visualization and intuitive multi-select functionality. Built entirely with shadcn UI, it displays options as a tag cloud, where each tag’s size reflects its popularity or frequency and its color highlights its category or importance. Users can search through tags quickly and select multiple options, which appear as removable chips for clarity and control. This component is perfect for use cases like filtering blog posts by popular tags, selecting skills on onboarding forms, choosing analytics categories, or browsing keyword trends in dashboards.

- 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/tag-cloud-select

## Install

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