Back to components
Feedback

Empty State

A reusable product empty state with semantic actions and a small status badge.

Preview
This is the same source that shadcn installs from the generated JSON.
No components yet
Start your registry with one reusable block.
Add a component, document the install command, and verify it with shadcn add before publishing.
Install
After building the registry and starting the dev server, run this command in a consuming project.
installpnpm dlx shadcn@latest add http://localhost:3000/r/empty-state.json
Source and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source pathregistry/default/empty-state/empty-state.tsx
Registry dependencies
badgebuttonempty
NPM dependencies
lucide-react