Kanban boardPro

• Drag between columns
• WIP limits
• Quick add
• Points per sprint

• Task and sprint tracking.

• Sales deals: use the CRM pipeline.

Import it from @/components/blocks/kanban-board after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { KanbanBoard } from "@/components/blocks/kanban-board";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <KanbanBoard />
    </main>
  );
}

• Every card has a column select, so moving never needs a mouse.
• Columns are labelled; over-limit columns say so in text.

• Cards glide between columns with layout animation.

• Columns scroll horizontally on phones.

• Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

• Persist moves in the column select's onChange and in onDrop.