VS Code Extensions
Visual Studio Code extensions
Accessibility Linter
Lint JSX and HTML for WCAG accessibility violations with inline warnings and quick fixes.
AI Code Complexity Advisor
Analyze cyclomatic complexity of functions and suggest refactoring to reduce it.
AI Commit Message
Auto-generates commit messages from staged changes using AI. One-click accept or edit before committing.
AI Dependency Advisor
Suggest lighter, more maintained alternatives for heavy npm/pip dependencies in your project.
AI Docstring Generator
Generate JSDoc, docstrings, or XML comments from function signatures with one keystroke.
AI Error Explainer
Click on any error in the terminal to get an AI-powered explanation and suggested fix.
AI Test Writer
Generate unit tests from selected functions using AI with framework-aware output .
AI Variable Namer
Suggest better, more descriptive variable and function names based on code context.
API Endpoint List
VS Code extension that lists all API routes in Express/Next.js/FastAPI projects as a navigable sidebar panel.
API Endpoint Lister
Auto-discover and list all API endpoints from Express, Next.js, Fastify, and Hono projects in a tree view panel.
API Tester Inline
Test API endpoints from code comments. Built with TypeScript.
API Tester Panel
Send HTTP requests and inspect responses directly within VS Code.
Auto Close Tag
Automatically close HTML and JSX tags as you type the opening tag.
Bracket Colorizer
Color-code matching brackets and parentheses.
Changelog Helper
Auto-generate changelogs from git commits. Built with TypeScript.
Code Bookmark Manager
Bookmark important code locations with custom labels, notes, and color categories.
Code Complexity Heatmap
Color-codes functions by cyclomatic complexity. Red functions are refactoring candidates. See code health at a glance.
Code Summary
Color Highlight
Highlight color values in code with their actual color.
Commit Message Helper
Suggest conventional commit messages based on staged changes with scope detection and type classification.
Console Log Colorizer
Color-code and visually tag console.log, console.warn, console.error statements by severity with inline decorations.
Console Log Helper
Insert, remove, and toggle console.log statements.
CSS Class Autocomplete
Autocomplete CSS class names from project stylesheets.
CSS Color Preview
VS Code extension showing inline color swatches for all CSS color values including custom properties and variables.
CSS Peek Vscode
Peek into CSS class definitions directly from HTML files.
CSS Variable Autocomplete
Autocomplete CSS custom properties. Built with TypeScript.
Database Client
Connect to databases from VS Code. Built with TypeScript.
Dead Code Detector
Find unused functions, variables, imports, and exports across a TypeScript/JavaScript project with tree-shaking analysis.
Dead Code Finder
Scan for unused exports, functions, and variables. Preview what can be safely removed. One-click cleanup.
Dependency Graph Viewer
Visualize file and module dependency graph for any project with interactive zoomable graph in a webview panel.
Dependency Viewer
Visualize project dependency graph. Built with TypeScript.
Docker Explorer
Manage Docker containers from VS Code. Built with TypeScript.
Docker File Linter
Lint Dockerfiles with best-practice suggestions, security checks, and optimization tips.
Env Highlight
Syntax highlighting for .env files. Built with TypeScript.
Env Inspector
View, diff, and validate .env files across environments with secret masking, missing variable detection, and .env.example sync.
Env Switcher
Switch between .env files for different environments.
Error Lens
Show errors and warnings inline.
File Size Display
Show file sizes in the VS Code explorer sidebar
File Size Indicator
Show current file size in the VS Code status bar with color coding.
Git Blame Inline
Show last commit author and date inline for each line
Git Blame Status Bar
Minimalist Git Blame in the status bar. Show who last touched the current line.
Git Commit Generator
Auto-generates conventional commit messages by analyzing staged changes using AI or pattern matching.
Git Time Machine
Visual timeline slider to browse and compare file history across git commits.
Git Worktree Manager
Manage git worktrees from a VS Code sidebar — create, switch, and delete worktrees.
Import Cost Inline
VS Code extension that shows the bundle size cost of each JavaScript/TypeScript import inline.
Import Sorter
Auto-sort and group import statements.
Import Sorter Groups
Auto-sort and group imports by type: Node builtins → third-party packages → local modules. Configurable rules, grouping separators, and on-save formatting.
Indent Rainbow
Colorize indentation levels with rainbow colors for visual hierarchy.
Inline API Docs
Hover over fetch/axios calls to see API endpoint documentation inline, loaded from OpenAPI specs. No context switching.
Inline Color Preview
Show inline color swatches next to color values in CSS, JS, and other files.
Inline Fold
Collapse and fold long function arguments and parameters
Inline Image Preview
Preview image file paths as hover popups when hovering over import paths in code.
JSON Sorter
Sort JSON keys alphabetically.
Lorem Ipsum Vscode
Generate lorem ipsum placeholder text with a keyboard shortcut.
Markdown Preview Enhanced
Enhanced markdown preview with diagrams. Built with TypeScript.
Minimap Enhanced
Enhanced minimap with function markers, search result highlights, and error indicators.
NPM Dependency Lens
Show latest version and size of npm dependencies directly in package.json.
NPM Scripts
Run npm scripts from sidebar with output. Built with TypeScript.
Package JSON Helper
Show package versions and update availability.
Package Update Notifier
Inline version badges showing outdated npm or pip dependencies with one-click update.
Package Update Notify
VS Code extension that passively monitors package.json and notifies when dependencies have newer versions available.
Pair Programming Cursor
Show and share cursor positions with teammates for real-time pair programming sessions.
Path Autocomplete
Autocomplete file paths in import statements and require calls.
Performance Hint Overlay
Inline hints for performance improvements — detecting N+1 queries, large bundle imports, and memory leaks.
Placeholder Generator
Generate placeholder data: names, emails, addresses.
Quick Console Remove
Find and remove all console.log statements with one command. Preview matched lines before removal.
Regex Lens
Inline regex explanation and test results. Hover over any regex in your code to see a human-readable breakdown and test matches against sample text.
Regex Previewer
Preview regex matches in real-time.
Rest Client
Send HTTP requests directly from VS Code. Built with TypeScript.
Security Vulnerability Scanner
Scan code for common security anti-patterns like SQL injection, XSS, and hardcoded secrets.
SVG Preview
Preview SVG files inline in VS Code. Built with TypeScript.
Tailwind Class Sorter
VS Code extension that automatically sorts Tailwind CSS classes in the recommended order on file save.
Tailwind Fold
Fold long Tailwind class lists.
Terminal Output Colorizer
Enhanced terminal output coloring with log-level detection .
Test Coverage Gutter
VS Code extension showing test coverage indicators in the editor gutter — green for covered, red for uncovered lines.
Test Runner Panel
Visual test runner with pass/fail indicators. Built with TypeScript.
Todo Tree Ext
Aggregate all TODO, FIXME, HACK comments in a sidebar tree view.
Type Generator
Generate TypeScript types from JSON samples. Built with TypeScript.
AI Test Healer
Suggest fixes for failing tests.
API Contract Validator Ext
Validate code against OpenAPI spec.
Context Aware Debugger
Debugger that shows relevant data flow.
Database Query Optimizer Ext
Explain and optimize SQL within editor.
Hex Viewer Pro
Professional Hex editor for binary files.
Local Stack Trace Link
Link stack traces to local files.
Regex Railroad Diagram
View regex as railroad diagrams inside code.
Security Secrets Scanner Ext
Real-time secret scanning in editor.
Semantic Diff Viewer
Diff viewer that understands code semantics.
Workflow Debt Analyzer
Identify messy code patterns.
Changelog Auto Updater
Auto-update CHANGELOG.md from conventional commits when you save or commit.
Changelog Writer
Generate changelog entries from git diff directly in VS Code with templates, version bumping, and Markdown formatting.
Code Summary
Generate summaries of selected code blocks. Built with TypeScript.
Commit Template Ext
Generate structured commit messages from staged changes using configurable templates. Supports Conventional Commits, custom prefixes, and scope detection.
Daily Log
Simple daily work log within VS Code. Built with TypeScript.
Daily Standup Logger
Prompt developers to log daily standup notes. Generate markdown reports.
Env Switcher
VS Code extension to switch between .env files with one click from the status bar.
File Bookmarks
Bookmark specific lines in files for quick navigation. Add labels and organize bookmarks into groups.
File Size Indicator
Show file sizes in explorer and status bar.
Focus Mode
Dim unfocused code sections.
Focus Mode Music
Built-in lo-fi and ambient music player for coding focus sessions with Pomodoro integration.
Focus Mode Zen
Hide ALL distractions with one keybind — sidebar, statusbar, minimap, tabs, activity bar, breadcrumbs. A true deep-focus mode that goes beyond built-in Zen Mode.
Git Graph Mini
Minimal git branch visualization in sidebar. Built with TypeScript.
Markdown Table Formatter
Format and align Markdown tables.
Pomodoro Timer
Pomodoro timer in VS Code status bar. Built with TypeScript.
Project Health Dashboard
Dashboard showing test coverage, lint errors, TODO count, and tech debt metrics.
Project Notes
Workspace-specific notes and TODOs. Built with TypeScript.
Project Readme Preview
Live README.md preview panel with GitHub-flavored rendering and emoji support.
Project Switcher
Quickly switch between recent projects or pinned workspaces with a keyboard-driven UI.
Project Timer Tracker
Track time spent on specific projects/files automatically. Local storage.
Quick Terminal
Open preconfigured terminal commands with shortcuts.
Scratch Pad
Persistent scratch pad for quick notes.
Session Restore
Save and restore groups of open editor files as named sessions for seamless project context switching.
Snippet Manager
A VS Code extension for creating, organizing, and sharing code snippets with syntax highlighting and search.
Snippet Sync Cloud
Sync code snippets across machines via GitHub Gists or cloud storage.
Tab Organizer
Auto-organize editor tabs by file type. Built with TypeScript.
Tech Debt Tracker
Tag, categorize, and track technical debt across the codebase with priority rankings.
Time Tracker
Track time spent on files and projects.
Todo Highlighter
Highlights TODO, FIXME, HACK, BUG, and NOTE comments in code with configurable colors and a summary panel.
Todo Manager Sidebar
Sidebar view collecting all TODOs, FIXMEs, and NOTEs from the workspace.
Todo Stats
VS Code extension showing a dashboard of TODO/FIXME/HACK comments across the project with counts and trends.
Word Counter
Live word, character, line, and reading time count.
Workspace Color
Color-code title bar per workspace.
Workspace Launcher
One-click launch into project-specific workspace configurations with saved terminal layouts.
Workspace Notes
Per-workspace scratchpad that persists between sessions. Quick notes tied to your project — never lose context when switching between repos.
Workspace Theme
Different color themes per workspace. Built with TypeScript.
API Response Typegen
Paste an API JSON response and auto-generate TypeScript interfaces/types. Supports nested objects and arrays.
Auto Barrel File
Automatically generate and maintain barrel export files for directories. Watches for file changes.
Bracket Colorizer Custom
Custom bracket colorization with configurable color themes. Support for multiple bracket types and nesting levels.
Bracket Lens
Closing bracket annotations — Show scope name at closing brace. Designed as a vscode project.
Changelog Updater
Auto-update CHANGELOG.md from git commits following Keep a Changelog format. Supports conventional commits.
Code Time Estimator
Estimate code review time based on file complexity, changes, and language. Show estimates in PR descriptions.
Color Preview
Inline color visualization — Show color square next to code. Designed as a vscode project.
Color Preview Inline
Show color swatches inline for hex, RGB, HSL, and named colors in ANY language — not just CSS. Works in JavaScript, Python, JSON, YAML, and config files.
Color Theme Switcher Quick
Quick radial menu to switch color themes with preview without opening settings.
Component Preview
Frontend component viewer — Open preview panel to side. Designed as a vscode project.
Component Tree Viewer
Visualize React or Vue component hierarchy as an interactive tree. Click to navigate to component source.
Console Log Cleaner
One command to remove all console.log statements from the current file.
Console Output Formatter
Format console.log output with colors, labels, and grouping. Quick insert styled debug statements.
CSS To Tailwind
Convert plain CSS to Tailwind CSS utility classes. Supports common properties and responsive variants.
Debug Print Inserter
Quick insert debug print statements for any language with file, line, and variable context. One keybind.
Dependency Graph Viewer
Visualize project import/dependency graph as an interactive diagram. Find circular dependencies and orphan files.
Diff Line Copy
Copy only the changed lines from a git diff. Useful for code review notes and changelogs.
Docker Log Viewer
View Docker container logs in a VS Code panel. Filter, search, and follow logs in real-time.
Env File Editor
Rich editor for .env files with syntax highlighting, validation, and value masking.
Env Switcher
Dotenv file manager — Detect .env.* files. Designed as a vscode project.
Env Var Autocomplete
Autocomplete for process.env variables based on .env files in the project.
Error Lens Custom
Custom inline error and warning displays with configurable colors, icons, and positioning. Fix suggestions on hover.
File Header Inserter
Auto-insert configurable file headers with license, author, date, and description. Templates per language.
File Nesting Rules
Custom file nesting rules to group related files in the explorer.
File Size Badge
File size monitor — Show current file size in status bar. Designed as a vscode project.
File Size Tree View
Display file sizes in the standard explorer or a custom tree view. Identify bloat.
Function Complexity Meter
Show cyclomatic complexity score per function in the gutter. Color-coded thresholds for maintainability.
Git Commit Template
Guided commit message builder following conventional commits. Dropdown for type, scope, and breaking changes.
Git File History
Inline git timeline — Side panel with commit history. Designed as a vscode project.
Git Stash Viewer
Visual git stash manager. Browse, preview, apply, and drop stashes from a tree view sidebar.
Import Cost Analyzer
Show the bundle size impact of each import statement inline. Warn when imports exceed configurable thresholds.
Import Sorter
Opinionated import organizer — Group by builtin/external/internal. Designed as a vscode project.
JSON To Interface
Convert JSON to TypeScript, Go, Rust, or Python type definitions. Paste JSON, select target language, get types.
Line Sorter Advanced
Sort selected lines alphabetically, numerically, by length, or by custom regex. Remove duplicates optionally.
Lorem Generator
Dummy data generator — Insert lorem ipsum text. Designed as a vscode project.
Lorem Ipsum Inserter
Insert Lorem Ipsum text via command or snippet. Varying lengths.
Markdown Footnote Preview
Preview Markdown footnotes inline as hover tooltips. Navigate between footnote references and definitions.
Markdown Paste Image
Paste images from clipboard directly into Markdown files as saved files.
Package Version Checker
Show outdated package versions inline in package.json. Quick action to update to latest version.
Port Manager
Local port killer — List active ports in status bar. Designed as a vscode project.
Project Readme Previewer
Preview README.md exactly as it would render on GitHub. Support for GitHub Flavored Markdown and alerts.
Quick Snippet Creator
Select code, right-click to create a VS Code snippet. Auto-detect language and generate snippet JSON.
Random Data Generator
Generate random test data inline: UUIDs, emails, names, dates, numbers. Insert via command palette or keybind.
Regex Preview Inline
Preview regex matches inline in the editor with highlighting. Test regex against file content in real-time.
Spell Checker Code
Spell-check strings, comments, and identifier names in code with custom dictionary support.
Sticky Terminal
Pin terminal output lines for reference while coding — like sticky notes for your terminal.
SVG Preview Hover
Preview SVG files on hover in the file explorer. Show dimensions, viewBox, and rendered preview.
Terminal Command Palette
Searchable terminal command history across sessions. Fuzzy search, pin frequent commands, organize by project.
Test File Generator
Generate test file skeleton for any source file. Auto-detect framework and generate boilerplate.
Todo Highlight Counter
Count and list all TODO, FIXME, HACK, and NOTE comments with stats dashboard. Navigate to any item.
Todo Highlighter
Technical debt tracker — Highlight TODO/FIXME/NOTE. Designed as a vscode project.
Type Guard Generator
Generate TypeScript type guard functions from interfaces and types. Auto-detect nullable and union types.
Unused Export Finder
Find unused exports across the entire project. Highlight dead code and suggest removals for tree-shaking.
Variable Renamer Smart
Smart variable rename with case style conversion . Rename across files consistently.