Project Board
A project workspace with breadcrumbs, a board / activity view switch and cards you can drag between columns.
#kanban#project-management#drag-and-drop
Install
$ npx shadcn@latest add https://chromotion.dev/r/project-board.jsonThe page lands in app/project-board/page.tsx and the components it uses are installed into components.
Components used
Installing the template installs these too.
- App SidebarApplication UIApp sidebar with grouped navigation, badges and a user card; collapses to an icon rail.
- BreadcrumbNavigationBreadcrumb trail that collapses the middle into an expandable ellipsis.
- Animated TabsNavigationTabs with a sliding active indicator and arrow-key navigation.
- Kanban BoardApplication UIKanban board with native drag and drop between columns, drop indicators and quick add.
- Activity TimelineApplication UIActivity timeline with icon or dot markers that fade in one by one.