Shadcn.io is not affiliated with official shadcn/ui
Kanban Design System
React kanban board for design system tasks with color-coded left-border category cards, 3-column layout, and a color legend bar using shadcn/ui and Tailwind CSS
Track design system work across proposal, build, and release phases with this React and Next.js kanban board. Cards use color-coded left borders to indicate category — Typography, Color, Layout, Components, and Icons — with a legend bar for quick reference. Built with TypeScript, framer-motion entrance animations, shadcn/ui Avatar and Badge components, and Tailwind CSS. Ideal for design system teams, component library maintainers, and cross-functional design-engineering workflows.
Related Components
Feature Requests Kanban
Expandable feature request tracker
Bug Reports Kanban
Expandable bug report board
Testing Queue Kanban
Expandable QA testing board
Project Planner Kanban
Split-panel project management
Audit Checklist Kanban
Checkbox-based audit board
FAQ
Was this page helpful?
Sign in to leave feedback.
Design Reviews
React kanban design review pipeline for Next.js with expandable inline cards showing reviewer comments, revision counts, and approval checklists using shadcn/ui and Tailwind CSS
Designer Pipeline
React kanban design team pipeline swimlane board for Next.js with avatar rows, project type badges, design status columns, and delivery tracking using shadcn/ui Avatar and Tailwind CSS