# FluidBlobSelect

> The Fluid Blob Select is a highly interactive and visually captivating selection component built with shadcn UI. Options appear as organic, rounded blobs that dynamically merge and separate in the dropdown area, creating a playful and engaging interface. Hovering over a blob causes it to pull forward with smooth scaling and shadow effects, while the selected option is clearly highlighted for user clarity. Fully configurable in terms of size, spacing, colors, and animation speed, this component is ideal for creative dashboards, design-focused apps, or any interface where a unique, visually rich selection experience is desired. By combining accessibility via a hidden shadcn Select with animated blob elements, it delivers a reusable, responsive, 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
- Live preview: https://21st.dev/@ruixen.ui/components/fluid-blob-select

## Install

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