Kanban Board

A drag-and-drop kanban board example with task cards showing priority badges, assignee avatars and due dates, plus a drop-placeholder overlay while dragging.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Kanban Board to your project and fits it to your theme.

import KanbanBoardExample from "@/components/ui/c-kanban-1";

export default function Demo() {
  return (
    <div className="w-full p-6">
      <KanbanBoardExample />
    </div>
  );
}