Empty State No Milestones
An empty state for milestone tracking with a dashed dropzone layout, built with React, Next.js, shadcn/ui, and Tailwind CSS
Guide users to set their first milestone with this clean empty state block. Features a dashed dropzone-style container that invites interaction, a flag icon, and a clear call-to-action. Built with React, Next.js, shadcn/ui Button, and Tailwind CSS. Ideal for project management dashboards, OKR trackers, and product planning tools.
Related Components
No Projects Empty State
Empty state for workspaces with no projects and create CTA
No Tasks Empty State
Empty state for task boards with skeleton placeholders and create CTA
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 Reports Empty State
Empty state for report dashboards with generate report CTA
No Metrics Empty State
Empty state for metric dashboards with setup tracking CTA
FAQ
Was this page helpful?
Sign in to leave feedback.
No Metrics
React empty state block for KPI metrics with placeholder values and configuration CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations
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