Components
Curated UI collection
Shadcn Empty State React Components
Shadcn empty state components help you design meaningful user experiences when content is unavailable. This collection features 60 component variations including 25 exact empty state matches, providing flexible solutions for displaying empty states, no results, and placeholder content across your React applications. Browse curated empty state patterns built with shadcn's design system.
Empty State
by Serafim
Empty
by Cnippet
Empty
by Cnippet
Empty
by Cnippet
Empty
by Cnippet
Interactive Empty State
by Remco
Empty
by Cnippet
Error Empty State
by 7ovr
Empty
by Cnippet
Empty Background
by uiable
Icons
by shadcn
Access Restricted Empty State
by Cnippet
Radio Group
by Origin UI
Empty State with Marquee
by shadcnui-blocks
Stats Cards
by Berat Berkay Gökdemir
Alert
by Serafim
Shadcn Accordion
by ShadcnSpace
Tabs like bookmark
by kemendev
Sign in
by Serafim
Collapsible
by shadcn
Grid Background
by Chris Tate
Command
by Origin UI
Offline Empty State
by Bundui.io
Empty
by Jesus Lopez
Empty Under Maintenance
by Bundui.io
Select
by Origin UI
Alert
by Serafim
Select
by Origin UI
Empty
by Jesus Lopez
Alert
by Serafim
Animated Shadcn Button
by Bundui.io
Button
by Origin UI
Alert
by Serafim
Empty
by shadcn
Empty
by shadcn
Alert
by Serafim
Select
by Origin UI
Calendar with disabled weekends
by shadcn
Alert
by Serafim
Dialog
by Origin UI
404 Empty State
by Bundui.io
Empty Notifications State
by 7ovr
Alert
by Serafim
Empty State Card
by shadcnui-blocks
EmptyState – Beautiful, Accessible ‘No Data’ States
by Sonu kumar
Table
by Origin UI
Button
by Origin UI
Input
by Origin UI
Select (Native)
by Origin UI
Pagination
by Origin UI
Breadcrumb
by Origin UI
Radio Group
by Origin UI
Input
by Origin UI
Empty
by shadcn
What’s in this collection
- 9 of 35 use Radix
- 6 of 35 use Lucide icons
- 14 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, @radix-ui/react-icons