Project Dashboard
Project Dashboard replaces the default VS Code Welcome page with a beautiful, fast, and customizable workspace dashboard. Manage your statistics, code annotations, terminal workflows, git statuses, bookmarks, and personal markdown notes all from one integrated screen.
Designed with a clean, minimal aesthetic inspired by Linear, Raycast, Vercel, and GitHub.
🚀 Key Features
🏠 Dashboard Home
- Automatically launches when you start VS Code with no active editors.
- Can be opened at any time via the status bar button or the command menu.
- Premium glassmorphic cards with subtle hover micro-animations.
🔍 Global Command & File Search
- Unified search bar at the top of your dashboard.
- Search instantly across:
- Local workspace files
- VS Code editor commands
- Recent project histories
- Bookmark pins
- Personal markdown notes
📊 Project Insights & Statistics
- Real-time statistics on your project size, folder hierarchies, and file counts.
- Displays counts categorized by type: Components, Pages/Views, Stylesheets, API routes, Markdown files, JSON configs, and code module counts.
- Shows total git commit volume and code contributors count.
🔀 Source Control & Git Status
- View the active Git branch and author configuration.
- Track local changes (Modified, Added, Deleted, and Untracked files counts) in an accordion list.
- Run Git actions directly from the dashboard: Commit changes, Pull, Push, and shortcuts to Source Control or Git Graph.
📝 Markdown Notebook
- Built-in personal scratchpad notebook with local autosave.
- Support for markdown formats: headers, checkboxes list parsing, code highlighting block rendering, and links.
- Select/create multiple notes tabs on the side.
🔖 Pins & Bookmarks
- Bookmark files, workspace folders, external URLs, or VS Code commands.
- Custom names and descriptors. Clicking a bookmark runs its action instantly (e.g. launching a web page, starting a command, or opening a folder).
💻 Context-Aware Terminal Decks
- Integrated quick execution terminal commands:
Install Dependencies, Start Project, Launch Dev Server, Build Release, Run Tests, and Run Linter.
- Commands automatically adjust labels and CLI arguments based on the detected project environment (Node, Rust, Go, Python, Flutter, Laravel, etc.).
🎨 Personalization & Customization
Click Customize Dashboard at the bottom of the grid to personalize your setup:
- Theme Modes: Choose between Match VS Code, Sleek Dark, or Crisp Light styles.
- Accents Palette: Change the accent color highlights to Default Blue, Purple, Emerald, Amber, or Rose.
- Spacing Density: Toggle Compact Mode for smaller paddings and higher information layout density.
- Visibility Control: Hide or show individual cards depending on your workflow.
- Widgets Order: Move widgets up or down using order controls to prioritize layouts.
⚙️ Extension Settings
You can customize the dashboard configurations in your VS Code settings.json:
| Setting |
Type |
Default |
Description |
projectDashboard.openOnStartup |
boolean |
true |
Show dashboard on startup when no editors are open. |
projectDashboard.showGit |
boolean |
true |
Show the Git panel card. |
projectDashboard.showTodos |
boolean |
true |
Show the TODO scanner card. |
projectDashboard.showNotes |
boolean |
true |
Show the Workspace Notes card. |
projectDashboard.showTerminal |
boolean |
true |
Show the integrated Terminal Actions card. |
projectDashboard.showStatistics |
boolean |
true |
Show the Project Statistics card. |
projectDashboard.showBookmarks |
boolean |
true |
Show the Bookmarks card. |
projectDashboard.theme |
string |
"system" |
Visual theme: "system", "dark", or "light". |
projectDashboard.compactMode |
boolean |
false |
Enable high information density layout. |
projectDashboard.accentColor |
string |
"default" |
Accent highlights (e.g. "blue", "purple", "emerald", "amber", "rose"). |
⌨️ Extension Commands
Press Ctrl+Shift+P (or Cmd+Shift+P on macOS) to run these commands:
Project Dashboard: Open: Launches the main dashboard view.Project Dashboard: Refresh: Forces a workspace scan to update statistics.Project Dashboard: Open Notes: Opens the dashboard and focuses the Notes Notebook.Project Dashboard: Open Git: Opens the dashboard and focuses the Git Panel.Project Dashboard: Scan Project: Triggers a manual repository diagnostics report.Project Dashboard: Settings: Opens the dashboard and focuses the Customize card.
📄 License
This extension is licensed under the MIT License.
| |
