Free & Open Source
ShadcnKanban Board
Kickstart your B2B & B2C SaaS apps with this open-source Shadcn Kanban Board built with React and Tailwind CSS.
Installation
Install the Kanban Board:
npx shadcn@latest add https://shadcn-kanban-board.com/r/kanban.jsonInstall the use-js-loaded hook:
npx shadcn@latest add https://shadcn-kanban-board.com/r/use-js-loaded.jsonWhy choose this Kanban Board?
Easily customize this Kanban board
Get up and running in minutes with a production-ready, accessible, and themeable Kanban board built on Shadcn/UI.
- Zero-Dependencies
- No extra libraries. Just plain React. Drop it into your project and start dragging and dropping.
- CSS & Performance Assurance
- Comes with a hook to toggle between a skeleton loader and the board, ensuring styles and scripts are loaded before interaction for a snappy, flicker-free experience.
- Accessibility-First
- Built-in keyboard controls and screen-reader announcements ensure everyone can manage tasks.
- Seamless Theming
- Automatically adapts to your Shadcn color scheme for perfect visual integration with light an dark mode.
- Framework-Agnostic
- Works equally well with local state, React Router v7 actions, or Next.js server actions, and so on ... No lock-in!