Shadcn.io is not affiliated with official shadcn/ui
Empty State No Documents
An empty document library state with document type selector cards, a dashed upload area, and create CTA button using React, shadcn/ui, and Tailwind CSS
Display a visually engaging empty state when users have no documents yet. Features a row of document type selector cards (Document, Spreadsheet, Presentation, PDF) with distinct icons, a dashed upload area for drag-and-drop, and a clear call to action. Built with React, TypeScript, shadcn/ui Button, motion/react staggered animations, and Tailwind CSS for a polished Vercel-style look.
Related Components
Empty State No Drafts
No saved drafts state
Empty State No Templates
Empty template gallery state
Empty State No Pages
No wiki pages state
Empty State No Notes
Empty notes section state
Empty State No Files
No files uploaded state
Empty State No Folders
Empty folder structure state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Deployments
React empty state block for deployment history with no deploys yet, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with a rocket icon and timeline skeleton
No Drafts
An empty drafts state with lined-paper skeleton placeholder, message about automatic draft saving, and a CTA to start writing using shadcn/ui and Tailwind CSS