Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Pretty Todo KanbanNew to Visual Studio Code? Get it now.
Pretty Todo Kanban

Pretty Todo Kanban

qiyuanchen

|
2 installs
| (0) | Free
Tracks your VSCode todo items and displays them in a pretty kanban board
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Todos Tracker VSCode Extension

A modern Kanban board for managing your coding tasks directly inside Visual Studio Code.

Features & Showcase

  • Kanban Board: Organize todos into columns: To Do, In Progress, and Done.
  • Drag & Drop: Move tasks between columns with intuitive drag-and-drop.
  • Quick Add & Edit: Create new tasks, edit titles inline, and delete tasks easily.

Kanban Board Demo

  • Task Details: Click any task to open a details drawer with:
    • Status and Priority tags (editable)
    • Deadline picker (calendar UI)
    • Comments field for notes
    • Creation date

Task Details Demo

  • Status Bar Shortcut: Instantly open the board from the VSCode status bar.
  • Workspace Storage: Tasks are automatically saved and loaded with your project—no setup, no fuss.
  • Fast & Responsive: Built with React, Vite, and Tailwind for a snappy experience.

Getting Started

  1. Install:
    Get it from the VSCode Marketplace or sideload the .vsix file.

  2. Open the Board:
    Click the Todos icon in the status bar or run Open Todos from the Command Palette (Ctrl+Shift+P).

  3. Add & Manage Tasks:
    Click + New Task in any column, type your task, and press Enter.
    Drag tasks between columns or click a task to edit details, set deadlines, change priority, or add comments.

Extension Settings

No configuration required.
All data is stored per workspace.

Known Issues

  • Only supports one board per workspace.
  • No sync between machines (local workspace only).

Release Notes

0.0.1

  • Initial release: Kanban board, drag & drop, details drawer, status bar shortcut.

Contributing

Pull requests and feedback are welcome!

License

MIT © Qiyuan Chen


Enjoy staying organized in VSCode!

Attribution:
Logo icon (assets/logo.png) by Flaticon.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft