A
Airy

Kanban Board

Data

Kanban board primitives with drag-and-drop columns and cards built on @dnd-kit/react.

Preview

Under Review
2

  1. 123 Main Street

    $1.2M Refinance

    Acme Capital
    MultifamilyNew York, NY

  2. 456 Oak Avenue

    $3.5M Acquisition

    Skyline Partners
    OfficeChicago, IL
Active
1

  1. 789 Pine Blvd

    $850K Bridge Loan

    Harbor Group
    RetailMiami, FL
Closing
1

  1. 321 Elm Drive

    $2.1M Construction

    IndustrialDallas, TX
Closed
1

  1. 555 Cedar Lane

    $4.75M Permanent

    Summit Realty
    HotelSan Francisco, CA

Install

Add this block from the Airy registry:

npx shadcn@latest add @airy/kanban-board

Usage

Import the block in your project:

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

Start with the primary export:

<KanbanBoard />

Exports

  • KanbanBoard
  • KanbanBoardColumn
  • KanbanBoardDroppableColumn
  • KanbanBoardDroppableColumnOverlay
  • KanbanBoardColumnHeader
  • KanbanBoardColumnBody
  • KanbanBoardCard
  • KanbanBoardDraggableCard