Shadcn.io is not affiliated with official shadcn/ui
Empty State 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
Show a visually distinct empty state when users have no saved drafts. Features a lined-paper skeleton that hints at future content, reassuring text about automatic saving, and a clear button to begin writing. Built with React, TypeScript, motion/react entrance animations, shadcn/ui Button, and Tailwind CSS.
Related Components
Empty State No Documents
Empty document library 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 History
No browsing history state
Empty State No Bookmarks
No saved bookmarks state
FAQ
Was this page helpful?
Sign in to leave feedback.
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
No Environments
React empty state block for environment configuration with no environments set up, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with three-column environment placeholders