Peku Kanban

A drag-and-drop Kanban board for VSCode with cloud sync support.

Features

Multi-View System

Choose the view that fits your workflow:

Kanban View

List View

Table View

Calendar View

Card Types

Task Card

Checklist Card

Subtask Card

Card Features

• Priority: Low / Medium / High
• Labels: Color-coded labels for categorization
• Due Date: Date picker with status indicators (Today, Overdue, Upcoming)
• Description: Markdown-supported description field
• Links: Attach related URLs
• Author: Display card creator

Filter & Sort

• Column Filter: Show specific columns only
• Priority Sort: High > Medium > Low
• Due Date Sort: Nearest date first
• Created Date Sort: Newest/oldest first

Trash & Recovery

• Deleted cards/columns move to trash
• Restore from trash anytime
• 30-day retention before permanent deletion

WIP Limits (Work In Progress)

• Set maximum cards per column
• Visual warning when limit reached
• Optimize team workflow

Statistics Dashboard

Get project overview at a glance:

• Card Distribution: Cards per column
• Priority Distribution: Pie chart
• Due Date Status: Overdue/Today/Upcoming counts
• Progress: Overall completion rate

Cloud Sync (No Server Required)

Zero-config sync using your existing cloud storage:

Setup

1. Right-click board in sidebar
2. Select "Set Storage Location..."
3. Choose cloud sync folder (e.g., ~/Google Drive/Team/kanban/)
4. Done! Auto-sync starts

Benefits

• No server costs
• No authentication setup
• Works offline
• Leverage cloud service version history

Multi-Board Management

• Create/Delete/Rename boards
• Multi-select: Ctrl/Cmd + Click
• Range select: Shift + Click
• Export/Import: .kanban.json format

User Identification

Distinguish team members:

• Nickname: Name displayed on cards
• Avatar Color: Choose from 12 presets
• VSCode Settings Sync: Auto-sync settings

Commands

Keyboard Shortcuts

Shortcuts work when a board is selected in the sidebar:

Mouse Actions (Sidebar)

Settings

Use Cases

Team Project

Google Drive/
└── Team Projects/
    └── kanban/
        └── sprint-23.kanban.json  <- Shared with team

Personal/Work Separation

OneDrive/
├── Personal/
│   └── todo.kanban.json
└── Work/
    └── project-alpha.kanban.json

Git Integration

Project/
└── .vscode/
    └── kanban/
        └── project.kanban.json  <- Share via git commit

Storage Location

Default Storage

Tech Stack

• Frontend: React 18, TypeScript
• Drag & Drop: @dnd-kit/core, @dnd-kit/sortable
• Build: Vite
• Test: Vitest, Testing Library
• Design: Glassmorphism UI

Requirements

• Visual Studio Code 1.85.0 or higher

License

MIT

My Other Extensions

Check out my other VSCode extensions:

• Peku SQLite - SQLite database viewer and editor for VSCode

Made with care for productive developers