New (update: 20th Oct)64+ New Blocks & Components - production-grade & copy-paste ready

Home
Project-pms

PMS - Project Management Dashboard Template

A project management dashboard with projects, issues, sprints, a drag and drop kanban board, calendar, team chat, and inbox, built for teams shipping work together.

PMS - Project Management Dashboard Template screenshot 1
PMS - Project Management Dashboard Template screenshot 2
PMS - Project Management Dashboard Template screenshot 3
PMS - Project Management Dashboard Template screenshot 4

Project Management Dashboard Template Built with shadcn/ui

PMS is a project management system designed for teams that plan, track, and ship work together. Built using Next.js, React, Tailwind CSS, TypeScript, and shadcn/ui + Base UI, it provides projects, issues, tasks, sprints, a kanban board, calendar, team chat, and inbox out of the box, so you can launch a complete workspace without building every screen from scratch.

Overview dashboard

Stats cards, task status, my work, projects, upcoming events, and recent activity in one view.

Drag and drop kanban board

Move tasks across Backlog, Todo, In Progress, Review, Done, and Closed columns, with separate backlog and roadmap views.

Issues & tasks tracking

Filter and sort lists, group by status, priority, assignee, or project, and open a detailed issue page.

Sprint planning

Create sprints and view their issues grouped by status or project, from planning through completion.

Calendar with events

Month, week, and day views with an add event dialog, powered by FullCalendar.

Collaboration & Project Management

Everything a team needs to communicate and keep projects moving:

Projects board & detail pages

Switch between board and list views, create or edit projects, and open a dedicated detail page.

Team chat

Start conversations from a new chat dialog and see details in an info sidebar.

Inbox with filters

Filter by All, Unread, Mentions, and Updates, with unread only and mark all as read actions.

Teams & invitations

Team cards, a new team dialog, a member panel, and an invite member flow.

Workspace Settings

Admin screens are included, so the template works as a full product and not just a single dashboard:

General settings

Workspace details, logo, social links, data export, and a danger zone.

Members & roles

Invite members and manage access with admin, member, and viewer roles.

Billing

Current plan, payment methods, and billing history with invoices.

Integrations & API keys

Connect tools such as Jira, Linear, Notion, Zoom, and Gmail, and manage API keys.

Personalized Experience

Small touches that make the app feel finished:

Customizable sidebar

Reorder sidebar sections and pages from a customize dialog.

Header search & notifications

Quick search and a notification dropdown available from every page.

Light & dark mode

Theme switching with next-themes across every screen.

Auth & profile pages

Login and register screens with an auth guard, plus a user profile page.

Modern Technology Stack

Built with the tools that developers love and startup teams trust:

Next.js v16 & React v19

For modern, scalable applications

Tailwind CSS v4

For utility-first and maintainable styling

TypeScript

For type-safe development and better maintainability

shadcn/ui + Base UI

For accessible, reusable, and consistent UI components

CreatedOct 15, 2026

Tech Stack

v16.2.6 v19.2.4 v4+ v4.21.4

Highlights

  • Drag and drop kanban board with backlog and roadmap views
  • Projects, issues, tasks, and sprint planning screens
  • Calendar, team chat, and inbox for collaboration
  • Settings for members, billing, integrations, and API keys
  • Fully responsive layout with light & dark mode