Search blocks

Find a block by name or category

11 Blocks

Kanban Blocks

Kanban blocks built on shadcn/ui and Base UI. Preview each one live, then install it with a single shadcn command.

Kanban 1

Free

A three-column kanban board with task cards.

AvatarBadgeCardDialogScroll Area
@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Kanban 2

Free

A single "In Progress" kanban column rendered as a vertical list of rich task cards, each showing a title, two-line description, priority badge with icon, label badges, a due date, and a stacked assignee avatar group.

AvatarBadgeCardDialogScroll AreaSeparator
@remixicon/react@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Kanban 3

Free

A four-column project board (To Do, In Progress, Review, Done) with per-column counts and drag-and-drop to reorder cards and move them between columns.

AvatarBadgeCardScroll Area
@remixicon/react@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Kanban 4

Free

A personal my-tasks board with Today, This Week, and Later lanes of compact task rows that drag-and-drop to reprioritize across lanes.

@remixicon/react@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Kanban 5

Pro

Pro kanban: a three-column release progress board (Intake, Execution, Release) where cards carry an animated progress meter with a count-up percentage and a semantic status pill (On Track, At Risk, Blocked); drag cards between columns, blur-rise entrance.

AvatarProgress
@remixicon/reactmotion@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Kanban 6

Pro

Pro kanban: a story-point sprint board (In Flight, QA Review, Shipped) where each column header carries a committed-points capacity gauge; dragging a card between lanes re-animates the source and target point counts. Cards show a ticket ID, story points, a priority pill, and a tag.

AvatarProgress
@remixicon/reactmotion@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Kanban 7

Pro

Pro kanban: a horizontally scrolling recruiting pipeline (Sourced, Screen, Hiring Manager, Panel, Offer) with an editorial header and toolbar. Drag candidate cards between stages; each card shows an avatar, role, an animated match-score meter with a count-up, location and timezone, salary range, and interview stage.

AvatarButtonProgress
@remixicon/reactmotion@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Kanban 8

Pro

Pro kanban: a bug triage board (Open, Triage, In Progress, Need Info) with a priority filter that blur cross-fades the board. Drag cards between columns; each card shows a category, a BUG ID, a priority tier, a status pill, and a radial fix-progress ring drawn with Recharts.

AvatarToggle Group
@remixicon/reactmotionrecharts@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Kanban 9

Pro

Pro kanban: a workflow board with a toolbar and columns (Backlog, Planned, In Progress, Paused, Completed, Cancelled) that each collapse to a slim vertical strip and expand on click. Drag cards between lanes; dense cards show a category label, status dot, an assignee with role, and footer micro-stats.

AvatarButton
@remixicon/reactmotion@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Kanban 10

Pro

Pro kanban: a horizontally scrolling access review board (Intake, Owner Review, Risk Review, Exception, Removal) for security attestations. Drag review cards between stages; each shows a real app logo, a severity pill, an IAM entitlement ID and scope, an owner reviewer, a star confidence rating, and a live SLA countdown clock.

AvatarButton
@remixicon/reactmotion@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Kanban 11

Pro

Pro kanban: an Eisenhower priority matrix with Urgency and Importance axis labels and four tinted quadrants (Do Now, Schedule, Delegate, Later). Drag compact task cards between quadrants to reprioritize; each quadrant count counts up on drop.

Avatar
@remixicon/reactmotion@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities