Cadence
A project management app template, fully featured.
- Instant download after purchase
- Full source code in TypeScript
- Free lifetime updates
Overview
Cadence is a project management front end with the surfaces teams expect: a board, a list, a timeline, task detail panels, and a team workload view. It is opinionated about clarity and built to scale to real projects.
It includes a Kanban board with swimlanes, a sortable task list, a Gantt-style timeline, and a slide-over task detail with comments and subtasks. Everything is typed and modular, so connecting your backend is the only work left.
Key features
Board with swimlanes
Group by status, assignee, or priority with a clean, draggable board.
Timeline view
A Gantt-style schedule with dependencies and milestones.
Task slide-over
A detail panel with description, subtasks, comments, and attachments.
Workload view
See capacity across the team with a clear, balanced layout.
Keyboard friendly
Quick-add and navigation patterns that power users will appreciate.
What is included
- Board (Kanban + swimlanes)
- List (sortable tasks)
- Timeline (Gantt-style)
- Task detail (slide-over)
- Team workload
- Inbox / notifications
- Settings
Tech stack
Setup
After downloading and unzipping, run:
pnpm install pnpm dev
The download includes app/, components/, data/, README.md, INSTALLATION.md, LICENSE.md, CHANGELOG.md, package.json. Full step-by-step instructions are in INSTALLATION.md.
Compatibility
- Next.js 15 and 16
- React 19
- Node.js 18.18+
- Tailwind CSS v4
- All modern browsers
Changelog
- Added the Timeline view
- Refined the task slide-over
- Initial release
Frequently asked questions
The UI is fully interactive against mock state. Wire mutations to your backend to persist board and task changes.
Yes. Board, List, and Timeline are routes; set any as the default in the nav config.
Not included, but the component structure is friendly to adding presence and live updates.