FAQ

General

What is the Kanban PM Kit?

A production-ready Next.js template with 45+ screens for building a project management platform. It includes a Kanban board with drag-and-drop, sprint cycles with burndown charts, timeline/Gantt views, goals and OKRs, team workload tracking, workspace analytics, project pages/wiki, automations, settings pages, and auth screens -- all built with Tailwind CSS v4 and shadcn/ui. It is a frontend UI kit, not a hosted PM platform.

What tech stack does it use?

Next.js 16, React 19, Tailwind CSS v4 with oklch tokens, shadcn/ui components, TypeScript, Recharts for analytics and sprint charts, @hello-pangea/dnd for drag-and-drop, date-fns for date formatting, and Zod for form validation.

Does the Kanban board support real drag-and-drop?

Yes. The Kanban board uses @hello-pangea/dnd (a maintained fork of react-beautiful-dnd) for fully functional drag-and-drop between status columns. Cards can be reordered within a column and moved across columns.

Is a backend included?

No. The kit is frontend-only. All pages use mock data from data/seed.ts. Replace with API calls, a PM backend, or database queries when building your product.

What makes this different from the CRM Dashboard Kit?

The Kanban PM Kit is purpose-built for project management workflows. It includes sprint cycles with burndown/burnup charts, timeline/Gantt views, task hierarchy with subtasks, modules for scope grouping, goals and OKRs, team workload tracking, saved views with custom filters, project templates, and automations -- features specific to PM tools rather than CRM/sales tools.

Licensing

What license types are available?

Each purchase includes a license for either Solo (1 developer), Team (up to 5 developers), or Agency (unlimited developers + client delivery). See the product page for pricing details.

Can I use this for client projects?

With the Agency license, yes -- you can use the kit in unlimited client projects. The Solo and Team licenses are for your own products only.

Can I resell this template?

No. The license permits use in end products but does not allow redistribution or resale of the template itself, whether modified or unmodified.

Technical

Can I connect this to Linear, Jira, or Asana?

Yes. Replace the seed data imports in your page components with API calls to Linear, Jira, Asana, or any PM backend. The component interfaces accept standard props (title, status, priority, assignee, labels), so you map your PM schema to the existing types. See the Customization guide for integration examples.

Does it work with existing Next.js projects?

Yes. Copy components/, data/, and types/ directories into your project. Install dependencies and import the design tokens from globals.css. See the Installation guide for details.

Can I customize the task statuses?

Yes. The default statuses are Backlog, Todo, In Progress, In Review, Done, and Cancelled. Update the TaskStatusType union in types/index.ts, the taskStatuses array in data/seed.ts, the StatusSelect component, and the Kanban board columns. See the Customization guide for step-by-step instructions.

Can I add internationalization (i18n)?

Not out of the box. The template uses English strings. To add i18n, integrate next-intl or react-i18next and replace hardcoded strings with translation keys.

Can I use npm instead of pnpm?

Yes. All three package managers work. The kit ships with a pnpm-lock.yaml but you can use npm install or yarn install instead.

How do I add new shadcn/ui components?

The kit is compatible with the shadcn/ui CLI:

npx shadcn@latest add <component-name>

Components install to components/ui/ and integrate seamlessly with the existing design tokens.

How does dark mode work?

The kit uses next-themes for theme switching with class-based dark mode. All design tokens have light and dark mode values defined using oklch color functions in globals.css. Use the ThemeToggle component in the header to switch themes. Every screen, chart, and component adapts automatically.

Can I disable features like cycles or modules?

Yes. Each project has a features configuration object with boolean toggles for Cycles, Modules, Pages, Automations, and Estimates. You can also remove entire feature directories from the codebase. See the Customization guide for details.

How does the Gantt/timeline view work?

The timeline is built from custom components (GanttChart, GanttBar, MilestoneMarker, TodayMarker) -- not a third-party Gantt library. Task bars are positioned using CSS based on their startDate and dueDate relative to the visible date range. Zoom controls switch between Day, Week, and Month granularity.

Support

How do I get support?

Email support@thefrontkit.com or visit the Support page.

What's the refund policy?

7-day money-back guarantee, no questions asked.

How do I report bugs?

Email the details to support@thefrontkit.com with steps to reproduce, browser version, and screenshots if applicable. We will address it in the next update.