A ready-made empty state built on the Empty primitives with a dot-pattern backdrop, optional illustration icon, and action slot.
Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.
npx shadcn@latest add https://www.saasuji.com/r/empty-state.jsonAlso available as a markdown reference for AI agents: /components/empty-state.md
Button
Eight variants and twelve sizes with loading, disabled, and icon states, built on class-variance-authority and Radix Slot.
Empty
Composable empty-state primitives — Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, and EmptyContent — with a bordered icon media variant.
Dot Pattern
An SVG dot-pattern background that fills its container and automatically redraws on resize, with an optional glowing animation per dot.