Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Empty with Large Icon
A React empty folder state with large FolderOpen icon showing visual emphasis through icon sizing
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Visual hierarchy matters—larger icons draw attention balancing whitespace. This React empty state uses shadcn/ui Empty component with large FolderOpen icon (h-16 w-16) from Lucide React featuring EmptyTitle and EmptyDescription about adding files or folders. Built with EmptyMedia without variant specifying custom size and text-muted-foreground styling. The large icon empty pattern fills space—perfect for prominent areas, landing pages, main content regions, or anywhere empty occupies significant screen real estate requiring strong visual presence.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Empty with Description
Standard icon size empty state
Empty Chart
Large icon for visualization empty
No Files
File empty with actions
Try Different Keywords
Large icon search empty
Card Component
Empty container
Alert Component
Standard messaging