Shadcn.io is not affiliated with official shadcn/ui
Kanban Card Sorting
React UX card sorting kanban for Next.js with three sorting columns, drag-and-drop using @dnd-kit, category tags, and user vote counts built with shadcn/ui and Tailwind CSS
Run a UX card sorting exercise with this React and Next.js kanban block featuring three columns for Unsorted, Group A, and Group B. Minimalist cards show feature labels with category tags and user vote counts, with full drag-and-drop powered by @dnd-kit/core and @dnd-kit/sortable. Built with TypeScript, shadcn/ui Badge and Button components, and Tailwind CSS. Ideal for UX research tools, information architecture workshops, and feature prioritization exercises.
Related Components
Sprint Capacity Kanban
Progress-heavy capacity board
Team Sprint Kanban
Swimlane grid for sprints
Project Planner Kanban
Split-panel project management
Eisenhower Matrix Kanban
2x2 priority matrix board
Team Workload Kanban
Avatar swimlane workload view
FAQ
Was this page helpful?
Sign in to leave feedback.
Campaign Board
React kanban board for Next.js with marketing campaign columns, budget tracking, and a Sheet side panel showing channel mix, KPIs, performance metrics, and timeline using shadcn/ui Sheet and Tailwind CSS.
Changelog Pipeline
React kanban changelog pipeline for Next.js with shadcn/ui Command palette search by feature name and version number, type badges, and four-column release workflow using Tailwind CSS