Shadcn.io is not affiliated with official shadcn/ui
Empty State No Files
React empty state block for file managers with no uploaded files, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations featuring skeleton file rows
Show a polished empty state when a user's file manager has nothing uploaded yet. This React and Next.js block features a hard-drive icon header, skeleton file rows hinting at future content, a clear message about uploading files, and a prominent CTA. Built with shadcn/ui Button and Tailwind CSS for seamless integration into any dashboard, drive, or document management UI.
Related Components
No Folders
Empty state for folder organization
No Uploads
Empty state with drag-and-drop upload zone
No Attachments
Empty state for file attachments on items
No Media
Empty state for media library
No Documents
Empty state for document libraries
No Drafts
Empty state for draft documents
FAQ
Was this page helpful?
Sign in to leave feedback.
No Feedback
React empty state block for feedback dashboards with an emoji rating scale showing zero counts and a request feedback CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations
No Filter Results
React empty state block for filtered views returning no matches, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations