Shadcn.io is not affiliated with official shadcn/ui
Empty State No Tasks
A task board empty state with skeleton placeholders and create task CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS
Show a visually rich empty state when a task board has no items. This React and Next.js block features skeleton placeholder rows that hint at the expected layout, a clear message about getting started, and a prominent button to create the first task. Built with shadcn/ui Button and Tailwind CSS for seamless integration into any project management dashboard.
Related Components
No Projects Empty State
Empty state for workspaces with no projects and create 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 Notifications Empty State
Empty state for notification center with quiet inbox messaging
No Events Empty State
Empty state for event calendars with scheduling CTA
FAQ
Was this page helpful?
Sign in to leave feedback.
No Tags
An empty state block for when no tags or labels have been created, featuring colorful ghost tag chips and a CTA to create the first tag
No Team Members
An empty state block for when no team members have been invited yet, featuring overlapping avatar placeholders, ghost member rows, and an invite CTA button using shadcn/ui and Tailwind CSS