A project-management Kanban board template with columns for workflow stages and task cards showing title, assignee, and labels. Perfect for issue trackers, sprint boards, and task managers. Generate a responsive multi-column board layout ready to wire to drag-and-drop.
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
{columns.map((col) => (
<div key={col.id}>
<h3 className="font-semibold mb-3">{col.title} <Badge>{col.tasks.length}</Badge></h3>
{col.tasks.map((t) => (
<Card key={t.id} className="mb-3">
<CardHeader><CardTitle className="text-sm">{t.title}</CardTitle></CardHeader>
<CardContent><Badge>{t.label}</Badge></CardContent>
</Card>
))}
</div>
))}
</div>Todo / In Progress / Done columns with counts.
Cards with title, labels, and assignee avatar.
Column/card markup structured for a DnD library.
Generate a production-ready kanban app in seconds using the Kanban Board template.