Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Empty with Large Icon

A React empty folder state with large FolderOpen icon showing visual emphasis through icon sizing

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.

Empty with Large Icon preview

Scroll to load preview

Installation

FAQ

Was this page helpful?

Sign in to leave feedback.