Three task cards — subtask checklist, board card with status menu, and focus timer — with drawn ticks, lifting cards, fanning avatars and rolling digits.
tasktodokanbanchecklistpomodorotimerprojectproductivity
Subtasks
subtasks.tsxChecklist with drawn ticks and strike-throughs, a springing progress bar and inline add.
$npx shadcn@latest add @geturui-pro/task-cards-subtasks
| Prop | Type | Default | Description |
|---|---|---|---|
project / title / due | string | — | Task header. |
defaultSubtasks | Subtask[] | — | { id, title, done }. |
onChange | (subtasks: Subtask[]) => void | — | Called after every change. |
className | string | — | Extra classes on the card. |
Board card
kanban.tsxBoard card that lifts on hover, fans its assignees and moves between columns from a status menu.
$npx shadcn@latest add @geturui-pro/task-cards-kanban
| Prop | Type | Default | Description |
|---|---|---|---|
id / title / description | string | — | Card content. |
labels | string[] | — | Neutral label chips. |
priority | "low" | "medium" | "high" | "high" | Priority with icon and word. |
due / dueSoon | string / boolean | — | Due chip and its at-risk state. |
assignees | { name: string; initials: string }[] | — | Avatar stack. |
comments / attachments | number | — | Footer counts. |
defaultStatus / onStatusChange | TaskStatus / (s: TaskStatus) => void | — | "todo" | "progress" | "review" | "done". |
className | string | — | Extra classes on the card. |
Focus timer
focus.tsxPomodoro card for one task with a ticking ring, rolling digits, focus and break modes and session dots.
$npx shadcn@latest add @geturui-pro/task-cards-focus
| Prop | Type | Default | Description |
|---|---|---|---|
task / project | string | — | What is being focused on. |
focusMinutes / breakMinutes | number | 25 / 5 | Mode lengths. |
sessions / defaultCompleted | number | 4 / 2 | Session dots. |
onSessionComplete | (mode: "focus" | "break") => void | — | Called when a countdown ends. |
className | string | — | Extra classes on the card. |
Install the whole set
Installs every task cards variant at once. Each section above has its own command for a single variant.
Pro installs use your private registry token. Add the @geturui-pro registry once — setup guide. The command works after you get Pro.
$npx shadcn@latest add @geturui-pro/task-cards
Accessibility
- Subtasks are native checkboxes behind custom ticks; the status menu supports arrows, Escape and returns focus.
- Priority and due chips pair colour with an icon and a word.
- The timer exposes a timer role with the remaining time, and reduced motion removes digit rolls and lifts.