Shadcn.io is not affiliated with official shadcn/ui
Empty State No Uploads
React empty state block with a prominent dashed border drag-and-drop upload zone, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations
Give users a clear upload target with this drag-and-drop empty state block. Features a prominent dashed border dropzone with an upload-cloud icon, a message inviting users to drag files or browse manually, and file size and format hints. Built with React, Next.js, shadcn/ui Button, and Tailwind CSS for seamless integration into any file upload workflow.
Related Components
No Files
Empty state for empty file managers
No Attachments
Empty state for file attachments on items
No Media
Empty state for media library
No Documents
Empty state for document libraries
No Folders
Empty state for folder organization
No Archived Items
Empty state for archived content
FAQ
Was this page helpful?
Sign in to leave feedback.
No Transactions
A minimal empty state for transaction history pages with no activity, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a timeline skeleton layout and a view accounts CTA
No Uptime Checks
React empty state block for uptime monitoring with empty server grid placeholders, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations