React Kanban Board
Columns of draggable cards with native HTML5 drag-and-drop — drag a card between columns. Columns show a WIP count (and optional limit), cards carry colored labels and assignee initials. Board state is managed internally; onChange reports every move.
Backlog3
feature
GCM authenticated mode
AES-31AD
security
Side-channel review of S-box
AES-33HK
docs
Doc: register map table
AES-35
In Progress2 / 3
feature
256-bit key schedule
AES-28HK
verify
Formal proof: no-leak property
AES-29KY
Review1
fpga
Timing closure @100 MHz
AES-24SA
Done2
verify
KAT vectors (FIPS-197)
AES-19KY
feature
AXI4-Lite CSR decode
AES-12AD
Installation
npx shadcn@latest add "https://kelvinui.com/registry/kanban.json"
Props
| Prop | Type | Description |
|---|---|---|
| columns | KanbanColumn[] | { id, title, cards, limit? } |
| onChange | (columns: KanbanColumn[]) => void | Fires after a card is moved |
Each KanbanCard is { id, title, labels?, assignee? }; a KanbanLabel is { label, color? }.
New components every week
Get the week's new Kelvin UI components and templates in one short email. No spam, unsubscribe anytime.