Kanban 2 - Board with swimlanes
A kanban board split into collapsible horizontal swimlanes per team, with shared status columns and card counts per lane. Use it when several teams or epics share one workflow and you need to see each lane's progress at a glance.
About Kanban 2
A kanban board split into collapsible horizontal swimlanes per team, with shared status columns and card counts per lane. Use it when several teams or epics share one workflow and you need to see each lane's progress at a glance.
Kanban 2 is a free kanban block for React, built on shadcn/ui and Tailwind CSS. It ships as 140 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- kanban
- swimlanes
- board
- teams
- workflow
- collapsible
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/kanban-02Dependencies installed automatically: lucide-react.
Uses: badge, reveal, utils.
Usage
import Kanban02 from "@/components/blocks/kanban-02"
export default function Page() {
return <Kanban02 />
}