Project Hub — Visual Project Manager for VS Code

All your projects in one place. Project Hub adds a beautiful dashboard to VS Code where you can see every project you work on, organize them into categories, pin your favourites, and jump into any of them with a single click.

No more digging through File → Open Recent or hunting across drives — your entire workspace universe, one keystroke away.

✨ Features

🗂️ Visual dashboard

Your projects rendered as cards in a responsive grid — each card shows the project name, its path, when you last opened it, its category tag, and a favourite heart. Sections are collapsible and the layout adapts to any window size.

❤️ Favourites, pinned on top

Tap the heart on any card to pin the project to the Favourites section at the top of the dashboard. Your daily drivers are always the first thing you see.

🏷️ Categories

Group projects the way you think — Work, Side projects, Clients, Experiments. Each category renders as its own section, and every project can be re-assigned from its card menu in two clicks.

🔍 Instant search & filtering

Type to filter by name or path, narrow the view to a single category with the dropdown, and clear everything with one click. Search state survives tab switches.

🚀 One-click project switching

• Click a card → opens the project in a new window (configurable).
• Ctrl+Click (Cmd on macOS) → does the opposite.
• Or pick Open in new window / Open in current window explicitly from the card's ⋮ menu.

📌 Sidebar companion

A compact project list lives in the activity bar — favourites first, then most recently opened — so you can switch projects without leaving your current context.

🔒 Private & local

Everything is stored in VS Code's own global storage on your machine. No accounts, no telemetry, no network calls. Categories and favourites roam between your machines via VS Code Settings Sync.

🚀 Getting started

1. Install Project Hub from the Marketplace.
2. Click the Project Hub icon in the activity bar, then Open Dashboard — or run Project Hub: Show Dashboard from the command palette.
3. Add projects:
   • Project Hub: Add Current Folder as Project — adds what you're working on right now.
   • Project Hub: Add Project… — pick one or more folders from disk (multi-select supported).
4. Organize: create categories with the Category button, then assign projects from each card's ⋮ menu.

🧭 Commands

⚙️ Settings

🖱️ Mouse & keyboard reference

💾 Storage & sync

Project Hub persists its data (projects, categories, favourites, last-opened timestamps) using the VS Code global storage API — schema-versioned, so future updates migrate your data automatically. The data participates in Settings Sync; note that project paths are machine-specific, so synced entries resolve only on machines where the same path exists.

Removing a project from Project Hub never touches the folder on disk — it only removes the card.

🗺️ Roadmap

• Git branch & status on cards
• Project screenshots / thumbnails
• Per-project notes
• AI project summaries
• Cloud sync beyond Settings Sync

🛠️ Development

git clone <repo>
npm install
npm run watch     # rebuild on change
# press F5 in VS Code to launch the Extension Development Host
npm test          # unit tests (Vitest)
npm run package   # build the .vsix

Architecture: TypeScript extension host + React webview, a typed message protocol between them, and a vscode-free storage core with full unit-test coverage. See CHANGELOG.md for release history.

📄 License

MIT — see the LICENSE file bundled with this extension.

Enjoying Project Hub? A ⭐ rating on the Marketplace helps other developers find it.