Shadcn.io is not affiliated with official shadcn/ui
Empty State No Projects
A minimal empty state for workspaces with no projects, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring ghost project card previews, a status column skeleton, and create project CTA
Display a polished empty state when users land on an empty workspace. This React and Next.js block features three ghost project card placeholders showing what the populated project list will look like, with skeleton name bars, status indicators, and progress tracks. Built with shadcn/ui Button, motion/react staggered animations, and Tailwind CSS for seamless integration into any dashboard or project management UI.
Related Components
No Tasks Empty State
Empty state for task boards with no items and create task CTA
No Milestones Empty State
Empty state for milestone tracking with progress messaging
No Sprints Empty State
Empty state for sprint planning with iteration setup CTA
No Roadmap Empty State
Empty state for product roadmap with vision planning CTA
No Documents Empty State
Empty state for document libraries with upload CTA
No Team Members Empty State
Empty state for team rosters with invite CTA
FAQ
Was this page helpful?
Sign in to leave feedback.
No Products
React empty state block for product catalogs with no items, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a package icon, skeleton product card, and add product CTA
No Prompts
An empty saved prompts state with a template card grid skeleton, sparkles icon, and a CTA to create a reusable prompt using shadcn/ui and Tailwind CSS