Dashboard 30 - Project home with milestones and notes

Pro

A project dashboard with a project sidebar, shortcut actions, an issue map, project cards, milestones, and notes.

Shadcn Dashboard 30 block

Component data

ID
dashboard30
Access
pro
Created
Sep 28, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Dashboard 30 block design & features

Dashboard30 is a project home built with Shadcn UI. The sidebar covers the dashboard, projects, milestones, notes, and activity, with Dashboard selected. The page header has search, an invite action, and notifications. Below that are shortcut actions, project stats, a time-based issue map with week, month, and quarter ranges, two project cards, a milestone chart, and a notes card.

Surfaces are rounded cards on a muted canvas, with hairline borders and small shadows in light mode. Avatars stack on the project cards. The issue map draws status-colored bars against a today marker. Opening a project card shows a dialog with the project summary.

This is a moderately elaborate project overview for a delivery team. The issue map range switch and the project dialog are the interactive parts. The sidebar stays specific to project work rather than a full admin shell.

On smaller screens the header actions wrap, the project cards stack, and the sidebar opens from a trigger in the breadcrumb.