# EmptyState – Beautiful, Accessible ‘No Data’ States

> “Stop leaving your users in the void. The EmptyState component gives you elegant, accessible, and responsive UI for no-data moments. With built-in icons, customizable CTAs, and dark mode support, it turns empty screens into clear guidance and actionable UX. Perfect for dashboards, search pages, and error states.”  ⚡ Why this works:  Problem framing: “Stop leaving users in the void” → instantly relatable.  Solution promise: “Elegant, accessible, responsive UI for no-data moments.”  Feature highlights: Icons, CTA, dark mode, flexible usage.  Use cases: Dashboards, search results, error/config screens.

- Author: [Sonu](https://21st.dev/@uniquesonu)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@uniquesonu/components/empty-state-beautiful-accessible-no-data-states

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/uniquesonu/empty-state-beautiful-accessible-no-data-states?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