VS Code Extensions
DependaDash

DependaDash

by AnuSKumar

Premium glassmorphic NPM Package Manager and Dependency Dashboard for VS Code

Downloads

11

Rating

— (0)

Version

1.0.2

Last updated

Jun 02, 2026

DependaDash is a premium, highly interactive NPM Package Manager directly integrated within VS Code. It replaces standard tree views with a stunning, glassmorphic Webview Dashboard adhering to your editor's theme variables.

Features

  • Theme Compliance: Flawlessly adapts to Dark, Light, or High Contrast themes using native editor variables.
  • Empty State Scanner: Automatically warns when no package.json is active in the workspace and offers a one-click initialization button (npm init -y).
  • Parallel Registry Comparisons: Displays currently installed versions alongside the absolute latest releases fetched directly from the NPM registry.
  • Background Updates: Provides inline update triggers showing a button loading spinner while running background installations.
  • Real-Time Audits: Scans for project vulnerabilities using npm audit and displays severity warning badges (Critical, High, Moderate, Low).
  • Details Drawer: Click on any package to slide in an extensive details panel displaying descriptions, author contacts, license structures, homepage links, and README snippets.
  • Dynamic Search & Install: Query packages directly from the NPM registry and install them as standard or DevDependencies with a single click.

Usage

  1. Open a workspace folder.
  2. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P on macOS) and run DependaDash: Open Dashboard.
  3. Alternative: Open package.json and click the package icon in the top right navigation header or right-click the explorer tab contextual menu.

Related extensions