Shadcn.io is not affiliated with official shadcn/ui
Empty State No Notes
A minimal text-focused empty notes state with a subtle sticky note icon, message about capturing ideas quickly, and a CTA to create a note using shadcn/ui and Tailwind CSS
Display a minimal, text-focused empty state when users have no notes. Features understated typography, a subtle icon accent, and a single clear action to capture their first idea. Built with React, TypeScript, motion/react entrance animations, shadcn/ui Button and Input, and Tailwind CSS for a distraction-free Vercel aesthetic.
Related Components
Empty State No Documents
Empty document library state
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 Tags
No tags created state
Empty State No Favorites
No favorited items state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Milestones
An empty state for milestone tracking with a dashed dropzone layout, built with React, Next.js, shadcn/ui, and Tailwind CSS
No Notifications
React empty state block for notification centers with a celebratory all-caught-up message, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations