Kanbo

A project-management interface combining a kanban board, roadmap, team workload and inbox, with a scripted copilot animation.

• Best forDevelopers building task and sprint-planning tools for small product teams.

• Board

  Filter and move sample task cards, switch projects and replay a scripted copilot sequence that reorganises the board.

• Timeline

  Explore an animated gantt roadmap, switch the date range and toggle dependency lines or the 3D perspective.

• Team

  Compare sample workload and capacity, switch weeks and inspect team-orbit and sprint-burndown charts.

• Inbox

  Open sample threads, mark them read, reveal predefined summaries and draft or send replies within the local interface.

• Scripted copilot sequence

  A particle orb accompanies a predefined sprint-planning animation that estimates and moves sample tasks, fills a capacity gauge and reveals a summary. Replay resets the sequence; no AI service is connected.

• Spring-based board motion

  Task cards animate between columns, the completed-card stack fans out and the tab indicator stretches between destinations. Board filters and project selection change the local task interface.

• Roadmap and workload views

  Switch the timeline between two- and four-week ranges, toggle dependencies or tilt the roadmap into perspective. Team controls change the sample week shown in workload, orbit and burndown charts.

• Local inbox interactions

  Open threads, mark them read and enter replies in the demonstration inbox. Summaries, suggested drafts and automatic responses use predefined text, with no messaging or email service connected.

• Editable components and motion

  Tasks, people, projects and the copilot scenario are defined in the data module. Reduced-motion preferences show the completed plan, stop ambient loops and render the orb as a still frame.

Responsive layouts, keyboard-accessible navigation and reduced-motion support.

Copilot planning, summaries and suggested replies are scripted demonstrations, not a connected AI service. Tasks and messages use local state; no team sync or email delivery is included.

• IncludedFictional demonstration data and local interactions, ready to edit. The included README identifies the data files and model.
• Not includedBackend, database, authentication, payments or AI services. Features that look connected are simulated; connect your own services when you adapt the code.

• Complete Next.js project
• 4 animated views
• Source files and project assets
• README with setup and customization
• LICENSE.md

Stack and requirements

• StackNext.js 16, React 19, TypeScript, Tailwind CSS v4, Framer Motion, Lucide icons
• FontsDM Sans, Bricolage Grotesque
• RequiresNode.js 20.9 or later, npm, and working knowledge of React and Next.js

Run it locally

Extract the ZIP, open a terminal in the project folder, then run:

npm install
npm run dev

Open localhost:3000. The README covers the data, colors, fonts and animations.

• Price$9 USD, one-time payment. No subscription or renewal.
• TaxesApplicable VAT and sales tax are included in the price. The total is shown before you pay.
• LicenseUnlimited personal and client projects. No resale or redistribution of the source. Read the license
• DeliveryAfter payment, Polar emails your receipt and a download link for the ZIP.
• RefundsIf the files don’t install or run as described and can’t be fixed within 7 days, you get a full refund. Refund policy
• Supporthello@buildindex.dev for the template as delivered.

Secure checkout by Polar. More answers in the questions.