A sprint overview with a progress header, task status tiles, a burndown chart, team workload bars, a mini kanban summary and checkable upcoming deadlines.
Sprint 24 · Oct 21 – Nov 3
52%
28tasks
11tasks
6tasks
3tasks
Story points remaining
Tasks vs capacity
Latest cards in each column
Add Apple Pay to express checkout
Audit cart empty states
Rebuild shipping step form
Fix address autocomplete lag
Sticky order summary sidebar
Tax calculation edge cases
Promo code field redesign
Guest checkout flow
Click to mark as done
npx shadcn@latest add https://hyperblur.dev/r/project-dashboard.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/project-dashboard.tsx.
import { ProjectDashboard } from "@/components/hyperblur/project-dashboard"
<ProjectDashboard defaultSprint="current" />| Prop | Type | Default | Description |
|---|---|---|---|
| accent | string | "#2f7bff" | Accent color for progress, the burndown line, active nav item and focus rings. |
| brand | string | "Cadence" | Product name shown at the top of the sidebar. |
| user | string | "Maya Reyes" | Name used for the avatar initials in the top bar. |
| sprint | "current" | "previous" | Controlled sprint. Pair with onSprintChange. | |
| defaultSprint | "current" | "previous" | "current" | Initial sprint when uncontrolled. |
| onSprintChange | (sprint: ProjectSprint) => void | Called when the sprint toggle changes. |