Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksPlanningKanban swimlanes

Kanban swimlanes

Package

Split the shared Tukiverse board into lanes by any field. Pick the field, pick the layout, drag cards across lanes and columns.

Sign in to copy
SwimlanesVariantsDrag & drop
React · CSS
Origin & adaptation notes

Renders the real @tukiverse/kanban package with swimlanes on: three layouts (band, rail, stacked), a field picker that regroups the board (owner, priority, channel, or no lanes), collapsible lanes with per-column counts, a WIP limit measured per column across every lane, and drops that report the lane so the card's field changes with it. Arrow keys move a card between columns, up and down between lanes. On narrow screens each layout becomes an accordion inside the active column. Cards are synthetic and stay in the preview. Copy the integration — not the source.

Curated adaptation. Synthetic data only. No production APIs.

PreviousKanban boardNextPlanner Gantt
Built with intention. Shared with the team.GauchoCode UI Gallery ✳