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 Code Review Notes
A VS Code extension that lets you add inline review notes to code, tag them by severity, and export as a structured markdown report. Perfect for code reviews without GitHub, self-reviews, and mentorin
AI Commit Message
Auto-generates commit messages from staged changes using AI. One-click accept or edit before committing.
AI Commit Suggester
Analyzes staged changes locally and suggests conventional commit messages based on diff patterns. No API keys needed — rule-based.
AI Dependency Advisor
Suggest lighter, more maintained alternatives for heavy npm/pip dependencies in your project.
AI Docstring Gen
VS Code extension generating JSDoc and Python docstrings from function signatures using templates
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 Healer
Suggest fixes for failing tests.
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 Contract Validator Ext
Validate code against OpenAPI spec.
API Endpoint Finder
Find and list all API endpoints defined in the codebase with method and path.
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 Response Typegen
Paste an API JSON response and auto-generate TypeScript interfaces/types. Supports nested objects and arrays.
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 Barrel File
Automatically generate and maintain barrel export files for directories. Watches for file changes.
Auto Close Tag
Automatically close HTML and JSX tags as you type the opening tag.
Bracket Colorizer
Color-code matching brackets and parentheses.
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 Auto Updater
Auto-update CHANGELOG.md from conventional commits when you save or commit.
Changelog Helper
Auto-generate changelogs from git commits. Built with TypeScript.
Changelog Updater
Auto-update CHANGELOG.md from git commits following Keep a Changelog format. Supports conventional commits.
Changelog Writer
Generate changelog entries from git diff directly in VS Code with templates, version bumping, and Markdown formatting.
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 Ownership Map
Visualize file and directory ownership based on git blame analysis — see who owns what in the codebase with interactive heatmaps.
Code Summary
Code Summary
Generate summaries of selected code blocks. Built with TypeScript.
Code Time Estimator
Estimate code review time based on file complexity, changes, and language. Show estimates in PR descriptions.
Code Time Machine
Visualize a file's git history as a timeline scrubber — slide through versions and see diffs animated between commits.
Color Highlight
Highlight color values in code with their actual color.
Color Picker Inline
Inline color picker for CSS/HTML/JS with format conversion and palette extraction.
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.
Color Token Picker
Pick colors from a visual palette and insert them as design tokens, CSS variables, or hex values.
Commit Message Helper
Suggest conventional commit messages based on staged changes with scope detection and type classification.
Commit Streak Tracker
GitHub-style contribution graph in your VS Code sidebar tracking daily commits, streaks, and coding stats to gamify your productivity.
Commit Template Ext
Generate structured commit messages from staged changes using configurable templates. Supports Conventional Commits, custom prefixes, and scope detection.
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 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.
Console Log Inserter
Quick-insert formatted console.log statements with variable names and context.
Console Output Formatter
Format console.log output with colors, labels, and grouping. Quick insert styled debug statements.
Context Aware Debugger
Debugger that shows relevant data flow.
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 Preview Swatch
Preview CSS colors as inline color swatches beside color values.
CSS To Tailwind
Convert plain CSS to Tailwind CSS utility classes. Supports common properties and responsive variants.
CSS Variable Autocomplete
Autocomplete CSS custom properties. Built with TypeScript.
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.
Daily Standup Notes
Auto-generate standup notes from git commits.
Database Client
Connect to databases from VS Code. Built with TypeScript.
Database Query Optimizer Ext
Explain and optimize SQL within editor.
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.
Dead Code Highlighter
Highlight unreachable and unused code with dimmed styling in the editor.
Debug Print Inserter
Quick insert debug print statements for any language with file, line, and variable context. One keybind.
Dependency Graph Viewer
Visualize file and module dependency graph for any project with interactive zoomable graph in a webview panel.
Dependency Graph Viewer
Visualize project import/dependency graph as an interactive diagram. Find circular dependencies and orphan files.
Dependency Update Notifier Ext
StatusBar badge showing the count of outdated npm dependencies with one-click update suggestions and changelog previews.
Dependency Viewer
Visualize project dependency graph. Built with TypeScript.
Diff Line Copy
Copy only the changed lines from a git diff. Useful for code review notes and changelogs.
Docker Compose Lens
IntelliSense, validation, and service navigation for docker-compose files.
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.
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 File Intellisense
VS Code extension providing autocomplete, validation, and type hints for .env files based on .env.example schemas. Catch missing variables before runtime.
Env File Validator
Validate .env files against .env.example schema with missing key detection.
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.
Env Switcher
VS Code extension to switch between .env files with one click from the status bar.
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.
Env Variable Usage Finder
Show all locations where an environment variable is referenced across your codebase with reference counts and quick-jump navigation.
Error Lens
Show errors and warnings inline.
Error Lens Custom
Custom inline error and warning displays with configurable colors, icons, and positioning. Fix suggestions on hover.
Error Log Colorizer
Color-code and syntax-highlight log files with level-based filtering.
Error Translator
Translates cryptic compiler and runtime errors into plain English explanations with fix suggestions. All local, no API needed.
File Bookmarks
Bookmark specific lines in files for quick navigation. Add labels and organize bookmarks into groups.
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 Display
Show file sizes in the VS Code explorer sidebar
File Size Explorer
Show file sizes in the explorer tree and highlight large files.
File Size Indicator
Show file size in the status bar and highlight large files. Configurable thresholds with warnings.
File Size Indicator
Show file sizes in explorer and status bar.
File Size Status Bar
Show current file size, line count, word count, and character count in the VS Code status bar. Updates in real-time as you type.
File Size Statusbar
Show current file size, line count, and character count in the status bar.
File Size Tree View
Display file sizes in the standard explorer or a custom tree view. Identify bloat.
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.
Function Complexity Badge
Show cyclomatic complexity score badge on functions with color grading.
Function Complexity Meter
Show cyclomatic complexity score per function in the gutter. Color-coded thresholds for maintainability.
Git Blame Hover Enhanced
Enhanced git blame showing author avatar, commit message, relative time, and changed files count on hover. Quick links to commit details.
Git Blame Inline
Show git blame information inline at the end of each line with age-based coloring.
Git Blame Status Bar
Minimalist Git Blame in the status bar. Show who last touched the current line.
Git Blame Tooltip
Enhanced git blame with commit details, avatar, and time ago on hover.
Git Commit Generator
Auto-generates conventional commit messages by analyzing staged changes using AI or pattern matching.
Git Commit Template
Guided commit message builder following conventional commits. Dropdown for type, scope, and breaking changes.
Git File History
Visual git log for the current file — see all commits, diffs, and authors in a timeline without leaving the editor.
Git File History
Inline git timeline — Side panel with commit history. Designed as a vscode project.
Git Graph Mini
Minimal git branch visualization in sidebar. Built with TypeScript.
Git Lens Mini
Lightweight inline git blame with commit message and age on the current line only.
Git Stash Viewer
Visual git stash manager. Browse, preview, apply, and drop stashes from a tree view sidebar.
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.
Hex Viewer Pro
Professional Hex editor for binary files.
Import Cost Analyzer
Show the bundle size impact of each import statement inline. Warn when imports exceed configurable thresholds.
Import Cost Display
Show the file size cost of imported modules inline in the editor.
Import Cost Inline
VS Code extension that shows the bundle size cost of each JavaScript/TypeScript import inline.
Import Cost Live
Show the bundle size cost of each import inline, updated in real-time. Modern replacement for abandoned Import Cost extension.
Import Cost Realtime
Shows the real-time bundle size impact of each import statement in JS/TS files as inline annotations. Faster and more accurate than existing alternatives.
Import Organizer
Auto-sort and group imports by type on save.
Import Sorter
Auto-sort and group import statements.
Import Sorter
Opinionated import organizer — Group by builtin/external/internal. Designed as a vscode project.
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 Guide Rainbow
Rainbow-colored indentation guides for visually tracking deep nesting.
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 API Docs Hover
Hover over any API endpoint URL in your code and see the method, parameters, and response schema inline without leaving your editor.
Inline Bookmark Manager
Bookmark code lines with labels and categories. Navigate between bookmarks, search, and export as shareable snippets.
Inline Color Preview
Show color swatches inline next to hex/rgb/hsl values in any file type, not just CSS.
Inline Color Preview Enhanced
Enhanced CSS color preview showing larger swatches, color name, contrast info, and quick-edit color picker directly inline in the editor.
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.
Inline Perf Hints
VS Code extension showing estimated Big-O complexity inline for functions using static analysis
Inline Perf Hints Ext
Static analysis that flags potential performance issues: O loops, unoptimized array operations, memory leaks, and expensive re-renders.
JSON Path Finder
Click any value in a JSON file to see its JSONPath, jq query, and lodash path.
JSON Schema Autocomplete
Autocomplete JSON files from associated JSON Schema definitions.
JSON Sorter
Sort JSON keys alphabetically.
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.
Local Stack Trace Link
Link stack traces to local files.
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.
Lorem Ipsum Vscode
Generate lorem ipsum placeholder text with a keyboard shortcut.
Markdown Footnote Preview
Preview Markdown footnotes inline as hover tooltips. Navigate between footnote references and definitions.
Markdown Link Checker
Check all links in markdown files for broken URLs and display inline diagnostics.
Markdown Paste Image
Paste images from clipboard directly into Markdown files as saved files.
Markdown Preview Enhanced
Enhanced markdown preview with diagrams. Built with TypeScript.
Markdown Slides
Convert any Markdown file into a keyboard-navigable slide presentation directly in VS Code with themes, transitions, and speaker notes.
Markdown Table Formatter
Format and align Markdown tables.
Merge Conflict Lens
A VS Code extension that provides visual inline merge conflict resolution with accept/reject buttons, colored diff highlighting, and a conflict navigation sidebar. Makes resolving git merge conflicts
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 JSON Lens
Show latest version, bundle size, and vulnerability info inline in package.json.
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.
Package Version Checker
Show outdated package versions inline in package.json. Quick action to update to latest version.
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.
Pomodoro Timer
Pomodoro timer in VS Code status bar. Built with TypeScript.
Port Manager
Local port killer — List active ports in status bar. Designed as a vscode project.
PR Description Generator
Generate pull request descriptions from staged git changes with AI templates.
Project Health Dashboard
Dashboard showing test coverage, lint errors, TODO count, and tech debt metrics.
Project Health Score Ext
Dashboard showing test coverage, tech debt score, dependency freshness, code complexity, and documentation coverage in one unified view.
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 Readme Previewer
Preview README.md exactly as it would render on GitHub. Support for GitHub Flavored Markdown and alerts.
Project Stats Dashboard
Show lines of code, file count, language breakdown, and project metrics in a webview panel.
Project Switcher
Quickly switch between recent projects or pinned workspaces with a keyboard-driven UI.
Project Switcher Pro
Switch between projects with fuzzy search and previews.
Project Timer Tracker
Track time spent on specific projects/files automatically. Local storage.
Quick Console Remove
Find and remove all console.log statements with one command. Preview matched lines before removal.
Quick Snippet Creator
Select code, right-click to create a VS Code snippet. Auto-detect language and generate snippet JSON.
Quick Terminal
Open preconfigured terminal commands with shortcuts.
Random Data Generator
Generate random test data inline: UUIDs, emails, names, dates, numbers. Insert via command palette or keybind.
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 Live Tester
Inline regex testing within VS Code. Write regex, see matches highlighted in a test panel with capture group visualization and plain-English explanation.
Regex Preview Inline
Live regex match preview on sample text directly inline in the editor.
Regex Preview Inline
Preview regex matches inline in the editor with highlighting. Test regex against file content in real-time.
Regex Previewer
Preview regex matches in real-time.
Regex Railroad Diagram
View regex as railroad diagrams inside code.
Rest Client
Send HTTP requests directly from VS Code. Built with TypeScript.
Scratch Pad
Persistent scratch pad for quick notes.
Security Secrets Scanner Ext
Real-time secret scanning in editor.
Security Vulnerability Scanner
Scan code for common security anti-patterns like SQL injection, XSS, and hardcoded secrets.
Semantic Diff Viewer
Diff viewer that understands code semantics.
Session Restore
Save and restore groups of open editor files as named sessions for seamless project context switching.
Smart Snippet Expander
Context-aware code snippet expansion with date/time, clipboard, and project-variable interpolation.
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.
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
Preview SVG files inline in VS Code. Built with TypeScript.
SVG Preview Hover
Preview SVG files on hover in the file explorer. Show dimensions, viewBox, and rendered preview.
Tab Organizer
Auto-organize editor tabs by file type. Built with TypeScript.
Tailwind Class Peek
Peek at Tailwind CSS class rules without leaving the editor.
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.
Tech Debt Tracker
Tag, categorize, and track technical debt across the codebase with priority rankings.
Terminal Command Palette
Searchable terminal command history across sessions. Fuzzy search, pin frequent commands, organize by project.
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 File Generator
Generate test file skeleton for any source file. Auto-detect framework and generate boilerplate.
Test Runner Panel
Visual test runner with pass/fail indicators. Built with TypeScript.
Time Tracker
Track time spent on files and projects.
Todo Highlight Counter
Count and list all TODO, FIXME, HACK, and NOTE comments with stats dashboard. Navigate to any item.
Todo Highlighter
Highlights TODO, FIXME, HACK, BUG, and NOTE comments in code with configurable colors and a summary panel.
Todo Highlighter
Technical debt tracker — Highlight TODO/FIXME/NOTE. Designed as a vscode project.
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.
Todo Tree Enhanced
Enhanced TODO/FIXME/HACK comment scanner with priority grouping, filtering, and export.
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.
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.
Vscode AI Commit Message
Generate conventional commit messages from staged changes — analyzes your diff and suggests a properly formatted commit message.
Vscode AI Doc Search
Search MDN, DevDocs, and npm docs from the VS Code command palette without leaving the editor.
Vscode AI Docstring
Auto-generate JSDoc, Python docstrings, and type annotations using local AI with customizable templates
Vscode AI Inline Comment
Auto-generate JSDoc/docstring comments for functions using an AI model.
Vscode AI Refactor Suggest
Highlight code smells and suggest specific refactoring patterns with inline preview and one-click apply.
Vscode AI Test Watcher
Watches test output, explains failures with AI, and suggests inline fixes with confidence scores.
Vscode API Client
Send HTTP requests and view responses directly in VS Code, like Thunder Client lite.
Vscode API Client Inline
Send HTTP requests from .http files in editor — view response inline with syntax highlighting and diff.
Vscode API Contract Linter
A VS Code extension that lints OpenAPI/Swagger and AsyncAPI specs inline with squiggle markers. Validates required fields, checks consistency, detects breaking changes when you modify a field — and sh
Vscode API Docs Peek
Hover over any API call to see documentation inline without leaving the editor
Vscode API Docs Peek
Peek at API documentation for functions and methods inline — without leaving the editor.
Vscode API Endpoint Catalog
Automatically discover and catalog all REST/GraphQL endpoints in your codebase with method, path, and handler mapping
Vscode API Playground
Test REST APIs directly from VS Code — build requests, inspect responses, and save request collections without leaving your editor.
Vscode API Response Preview
Preview API response shapes from OpenAPI specs inline in code to prevent type mismatches.
Vscode API Response Schema
Infer TypeScript types from API JSON responses in real time via inline CodeLens.
Vscode API Snippet Gen
Generate fetch/axios code snippets from Postman collections or OpenAPI specs directly in the editor.
Vscode API Spec Live Preview
Live preview OpenAPI/Swagger YAML/JSON files as Swagger UI in a split editor panel.
Vscode Base64 Codec
Highlight text, right-click to Base64 encode or decode inline within the editor.
Vscode Bracket Lens
Show scope context above closing brackets for deeply nested code. Never lose track of which block you're closing.
Vscode Branch Note Keeper
Attach personal notes to git branches — visible in sidebar and persisted in local workspace storage.
Vscode Change Impact Analyzer
See which files and tests are affected by your current code changes — trace import chains to show the blast radius of modifications.
Vscode Code Archeologist
Show historical context for any line — who wrote it, when, the PR link, related issues, and why it changed.
Vscode Code Fence Preview
Preview fenced code blocks in Markdown files with syntax highlighting inline in the editor.
Vscode Code Metrics
A VS Code extension that shows McCabe Cyclomatic Complexity and other code quality metrics inline — as CodeLens annotations above each function. Helps developers spot complex functions that need refac
Vscode Code Review Checklist
Per-PR checklist in a webview panel that tracks review criteria and exports a summary.
Vscode Code Smell Detector
Detect and highlight common code smells — long methods, god classes, deep nesting, feature envy, and more. Inline warnings with refactoring suggestions.
Vscode Code Spell Check Lite
Ultra-fast offline spell checker optimized for camelCase, snake_case, and kebab-case identifiers.
Vscode Code Time
Personal coding analytics — track time, languages, and productivity patterns per project.
Vscode Codebase Map
Visual codebase map for VS Code — shows file relationships, import graphs, hot paths, and module boundaries as an interactive graph.
Vscode Color Highlight Plus
Highlight color values in code with visual swatches supporting HEX, RGB, HSL, OKLCH, and named colors
Vscode Color Peek
Preview color values inline with a color picker.
Vscode Color Preview Inline
Preview color values inline in CSS, JS, and JSON files with color picker and format conversion.
Vscode Color Theme Gen
VS Code extension that generates custom color themes from a base color or image. Preview live and export as a VS Code theme package.
Vscode Color Theme Preview
Preview and compare VS Code color themes without installing them. Browse popular themes with live preview on your current code.
Vscode Color Token Preview
Hover any CSS, Tailwind, or hex color reference and see a large inline color swatch tooltip.
Vscode Color Variable Preview
Shows color swatches inline next to CSS/SCSS/JS color variable declarations and usages.
Vscode Commit Message AI
Generate conventional commit messages from staged diff using local pattern matching .
Vscode Commit Message Wizard
Conventional commits message wizard with scope picker, type icons, and breaking change flag.
Vscode Commit Stats
Show commit activity heatmap, streak counter, and productivity stats in sidebar
Vscode Commit Template
Guided conventional commit message builder in the SCM panel with type/scope/body templates
Vscode Complexity Budget
Show cognitive complexity score per function with configurable threshold warnings.
Vscode Config Peek
Peek into config files values from anywhere they're referenced
Vscode Console Log Cleaner
One command to remove, comment out, or toggle all console.log statements in the workspace.
Vscode Console Ninja
Insert smart console.log statements with one shortcut — auto-includes variable name, file, line, and colorized output.
Vscode Context Lines
A VS Code extension that adds "Show N lines of context" CodeLens above every function definition. Click the lens to expand a read-only inline view of N surrounding lines from a related file — great fo
Vscode CSS Color Name To Hex
Right-click to convert CSS generic color names to hex, RGB, or HSL values and vice versa.
Vscode CSS Color Preview
Show inline color previews for all CSS color values — hex, rgb, hsl, oklch, and CSS named colors with clickable color picker.
Vscode CSS Peek
Peek at CSS class definitions inline from HTML/JSX files with go-to-definition and hover preview
Vscode CSS Var Autocomplete
Autocomplete CSS custom properties with color swatches, values, and source file references.
Vscode CSS Var Autocomplete
Parse :root CSS files and provide IntelliSense for --var-* custom properties across all files.
Vscode CSS Var Complete
Autocomplete CSS custom properties from all CSS files in workspace
Vscode CSS Var Goto
Click any CSS custom property to jump to its definition across files with rename support
Vscode CSS Variable Peeker
A VS Code extension that enhances developer experience when working with extensive CSS custom properties like `--theme-primary` or `--spacing-lg`. Hovering over a CSS variable instantly reveals its c
Vscode Daily Coding Log
Automatically tracks files edited, lines changed, and time spent per project. View daily/weekly reports in sidebar.
Vscode Daily Notes
Quick daily dev notes — create timestamped markdown notes from command palette, searchable and linked.
Vscode Dependency Age
Show how outdated each dependency is with inline decorations, update suggestions, and changelog links
Vscode Dependency Graph
Visualize import/require dependency relationships in your project as an interactive graph. Identify circular deps and dead modules.
Vscode Dependency Lens
Show inline latest version info for package.json dependencies with one-click update.
Vscode Dependency Outdated Badge
Status bar badge showing count of outdated dependencies with inline hints on import lines.
Vscode Dependency Update Preview
Preview what will change when you update a dependency — show changelog entries, breaking changes, and migration guides before running npm update.
Vscode Docker Lens
Show inline Docker image details next to FROM statements in Dockerfiles
Vscode Docker Log Streamer
Stream and colorize Docker container logs directly in a VS Code output panel.
Vscode Duplicate Code Finder
Find and highlight duplicate or near-duplicate code blocks across the project.
Vscode Duplicate Line Finder
Highlight adjacent duplicate lines prominently to catch copy-paste errors before commit.
Vscode Env Diff
Compare two .env files side-by-side with missing and changed variable highlighting.
Vscode Env File Manager
Unified .env file manager: view, compare, and identify missing keys across dev/staging/prod environments.
Vscode Env File Sorter
Alphabetize .env files while preserving comment groupings and empty line separators.
Vscode Env Peek
Hover over process.env references to see the resolved value from your .env file without leaving the editor
Vscode Env Secret Scanner
Scan workspace for accidentally committed secrets, API keys, and env variables.
Vscode Env Switcher
Switch between .env files with one click. Preview env variables without opening files.
Vscode Env Switcher
Switch between .env files with one click.
Vscode Env Var Autocomplete
Autocomplete environment variables from .env files when typing process.env or import.meta.env in code
Vscode Env Var Validator
A VS Code extension that validates environment variable usage in your codebase. It reads your .env, .env.example, docker-compose.yml, and source files to flag missing env vars in your example file, un
Vscode Env Variable Usage Finder
Find all usages of each environment variable across the codebase. Detect unused env vars and missing references for .env hygiene.
Vscode Error Lens Lite
Show diagnostics inline at the end of the line with severity-based coloring
Vscode File Bookmarks
A VS Code extension for bookmarking specific lines and files with labels. Jump to any bookmark instantly from a sidebar tree view — essential for navigating large codebases where you frequently return
Vscode File Nesting
Auto-nest related files under their parent component file in the explorer
Vscode File Size
Show file sizes in the explorer tree and status bar. Quickly identify bloated files in your project.
Vscode File Size Bar
Display the disk size of the currently active file in the VS Code status bar.
Vscode File Size Gutter
Show file sizes inline in the VS Code explorer with color-coded badges — instantly spot large files in your project
Vscode File Size Heatmap
VS Code extension that displays a treemap visualization of file sizes in your workspace. Instantly spot bloated files, oversized assets, and heavy dependencies. Color-coded from cool to hot .
Vscode File Size Indicator
Show file sizes in the explorer tree and status bar. Highlight large files and track project size trends.
Vscode Focus Timer
Pomodoro timer in status bar with session tracking, break reminders, and daily focus time statistics.
Vscode Function Complexity Heatmap
Color function backgrounds by cyclomatic complexity — green for simple, yellow for moderate, red for complex. Instantly spot the most complex functions in any file.
Vscode Function Heatmap
A VS Code extension that color-codes each function in the active file based on how many times it's called in the codebase — giving a "usage heatmap" that highlights hotspots and dead code .
Vscode Function Metrics
Show function-level metrics as CodeLens annotations
Vscode Git Blame Inline
Show git blame annotations inline with author, date, and commit message on the active line
Vscode Git Branch Cleanup
UI panel to list, filter, and delete merged or stale local and remote git branches.
Vscode Git Commit AI
Generate conventional commit messages from staged changes.
Vscode Git Diff Stats
Show detailed git diff statistics in the status bar and sidebar — lines added/removed, files changed, and insertions/deletions per file.
Vscode Git Diff Stats
A VS Code extension that shows git diff statistics in the status bar. See lines added/removed, files changed, and commit readiness at a glance.
Vscode Git Graph
Visual git branch graph in the sidebar. Show commits, merges, and tags with interactive navigation.
Vscode Git Graph
VS Code extension that displays a visual Git commit graph in the sidebar. Browse branches, view commit details, and compare changes visually.
Vscode Git Heatmap
Visualize file change frequency as a heatmap overlay. See which files change most to identify hotspots.
Vscode Git Lens Lite
Lightweight inline git blame annotations showing author and date for each line.
Vscode Git Line Blame
VS Code extension that shows inline git blame annotation at the end of each line — author, date, and commit message without cluttering the editor.
Vscode Git Stash Explorer
Tree view panel for Git stashes with diff preview, apply, pop, and drop actions.
Vscode Git Time Machine
Browse any file's git history with a visual timeline. Click any commit to see the file at that point in time with diff highlighting.
Vscode HTTP Status Ref
Hover over HTTP status codes to see description and RFC links
Vscode Import Cleanup
Automatically remove unused imports, sort remaining imports, and group by type. Works with JS/TS/Python.
Vscode Import Cost Inline
Show bundle size of imported packages inline with lighter alternative suggestions.
Vscode Import Cost Lite
Show the estimated bundle size of imported packages inline — lightweight alternative to Import Cost with faster startup.
Vscode Import Cost Live
Show real-time bundle size impact of imports. Display gzipped + minified sizes inline next to import statements.
Vscode Import Cost Realtime
Display the byte size of imported packages inline in real-time as you type import statements.
Vscode Import Graph
Visualize import dependency graph for the current file as interactive tree
Vscode Import Sorter
Auto-sort import statements by category with configurable order
Vscode Import Sorter Pro
Auto-sort ES6 imports alphabetically and group by third-party, internal, and relative paths.
Vscode Indent Rainbow
VS Code extension that colorizes indentation levels with distinct colors. Makes nested code blocks visually distinct and easier to follow.
Vscode Inline Benchmark
Benchmark code execution time inline — select code, run benchmark, see ms/ops directly in the editor gutter.
Vscode Inline Bookmark
Bookmark specific lines with labels and navigate between them instantly.
Vscode Inline Color Palette
Preview and pick from your project's CSS color variables inline in the editor with visual swatches.
Vscode Inline Error Explainer
A VS Code extension that adds an "Explain this error" action to TypeScript/JavaScript error squiggles. Hovering over an error shows a simplified explanation in plain English, common causes, and a copy
Vscode Inline Error Lens
Display error and warning messages inline at the end of lines. Color-coded severity with quick-fix links.
Vscode Inline Git Blame
Show inline git blame annotations at the end of each line with author, date, and commit message hover.
Vscode Inline Notes
A VS Code extension that lets you attach personal sticky-note comments to specific lines of code — separately from the source file. Notes are stored in .vscode/inline-notes.json and shown as gutter ic
Vscode Jsdoc Generator
Press a keyboard shortcut above a function to generate boilerplate JSDoc with inferred parameter types.
Vscode JSON Path Copy
Right-click any JSON key to copy its full JSON path for use in code
Vscode JSON Schema Generator
A VS Code extension that instantly generates a valid JSON Schema draft-07 from any selected TypeScript `interface` or `type` definition. Invaluable for building API endpoints, LLM tool definitions, or
Vscode JSON Schema Viewer
Visualize JSON Schema as interactive tree with types, required fields, and example value generation.
Vscode JSON Sorter
Sort JSON keys alphabetically or by custom order — right-click to sort any JSON file or selection with nested sorting support.
Vscode JSON Stringify Peek
Hover over JavaScript object variables to see a pretty-printed JSON representation tooltip.
Vscode Language Stats
A VS Code extension that analyzes your workspace and shows a beautiful breakdown of programming languages used — line counts, file counts, and percentages. Results display in a custom webview panel wi
Vscode Line Count
Status bar indicator showing total lines, functions, and classes in the current file with language awareness
Vscode Local LLM Autocomplete
Code completion using local Ollama models — zero cloud dependency, full privacy, fast suggestions.
Vscode Localization Helper
i18n key extractor, translation file manager, and missing key detector for VS Code.
Vscode Log Highlighter
Syntax highlighting for log files with level-based coloring, timestamp parsing, and filtering
Vscode Markdown Table Format
Auto-format messy markdown tables into perfectly aligned columns on save or via command.
Vscode Markdown Table Formatter
Auto-format and align Markdown tables — paste CSV data and convert to a perfectly aligned Markdown table with sorting.
Vscode MD Link Check
Validate all links in Markdown files and highlight broken ones inline
Vscode Merge Conflict Lens
Enhanced merge conflict resolution with inline diff preview, one-click accept, and conflict statistics.
Vscode NPM Scripts Runner
Tree view of all npm scripts with one-click run, output panel, and favorites
Vscode NPM Version Bumper
Status bar button to quickly bump patch, minor, or major versions in package.json.
Vscode Package JSON Lens
Show inline badges next to each dependency in package.json — outdated version indicator, vulnerability status, and npm link.
Vscode Package Size Lens
Show estimated bundle size impact of each import statement as a CodeLens annotation.
Vscode Package Version
Show installed package versions inline in package.json with latest version comparison and update indicators
Vscode Performance Profiler
Show estimated CPU/memory complexity hints per block based on static analysis.
Vscode Pomodoro Timer
A VS Code extension that adds a Pomodoro timer to the status bar. Start a 25-minute focus session and a 5-minute break from within VS Code — without switching apps. Supports configurable durations and
Vscode PR Checklist
A VS Code extension that lets teams define custom pre-commit / pre-PR checklists per project . Before committing, engineers run the checklist and mark each item complete — enforcing team standards wit
Vscode PR Review Checklist
A VS Code extension that shows an interactive code review checklist when you open a Pull Request diff. Checklist items are configurable per project and can include automated checks alongside manual r
Vscode Project Dashboard
VS Code extension that shows a project overview dashboard — file counts, language breakdown, dependency health, and recent activity.
Vscode Project Dashboard
VS Code extension that shows a project overview dashboard with file counts, TODO stats, dependency health, and recent changes.
Vscode Project Metrics Dashboard
Per-file complexity, line count, and function count in a scrollable sidebar dashboard.
Vscode Project Notes
Attach sticky notes to files and folders visible in the explorer sidebar with color coding
Vscode Project Switcher
Quick-switch between recent projects with fuzzy search. Pin favorites and see recent file history per project.
Vscode Project Switcher
A VS Code extension for quickly switching between projects. Define project directories, search by name, and open in new or current window with one shortcut.
Vscode Quick Console
Insert smart console.log statements with variable name, file, and line number — remove all with one command.
Vscode Rainbow Brackets Lite
Color-code matching brackets, parentheses, and braces by nesting depth for visual clarity.
Vscode Reading Mode
A VS Code extension that activates a "Reading Mode" for reviewing code without accidentally editing it. Entering reading mode: hides line numbers, centers content, increases font size, dims the sideba
Vscode Refactor Impact
Before refactoring a function or component, preview all files that import or reference it.
Vscode Regex Explainer
Hover over any regex in your code and get a plain English explanation — with visual railroad diagram and test string matching.
Vscode Regex Highlight
Highlight regex patterns in code with inline match preview showing what strings would be matched
Vscode Regex Live Explainer
A VS Code extension that explains regular expressions found directly in your source code. Simply hover over any RegExp literal in your JS/TS/Python code, and a tooltip appears breaking down the expres
Vscode Regex Previewer
Live regex preview — type regex, see matches highlighted in real-time on sample text or open files.
Vscode Regex Previewer
Live regex testing and visualization with match highlighting directly in the editor.
Vscode Regex Tester Inline
Type a regex in a dedicated panel and see matches highlighted live in the active editor file.
Vscode Relative Path Copy
Right-click a file tab to copy its path relative to the current active file for ES module imports.
Vscode Smart Bookmarks
Enhanced code bookmarks with labels, categories, and search. Jump between bookmarked locations across files with keyboard shortcuts.
Vscode Snippet Manager
Visual snippet manager with category organization, search, variable placeholders, and import/export
Vscode Snippet Sync
Manage, search, and sync VS Code snippets across machines with Git backup.
Vscode SVG Previewer
Live preview panel when editing raw SVG XML files with zoom, pan, and background toggle.
Vscode Tab Group Saver
Save current open tab configurations as named workspace layouts and restore them later.
Vscode Tailwind Class Sorter
Auto-sort Tailwind CSS classes on save following official recommended order. Fix inconsistent class ordering.
Vscode Tailwind Sorter
Auto-sort Tailwind CSS classes in consistent order on save. Follows official Tailwind class ordering.
Vscode Task Timer
A VS Code extension that lets you start a named task timer from the command palette. The timer runs in the status bar and logs completed tasks with their durations — helping developers track where the
Vscode Tech Debt Tracker
Track and manage technical debt directly in VS Code — annotate debt items in code, prioritize by impact, and monitor debt accumulation over time.
Vscode Terminal Bookmark
Bookmark, label, and replay terminal commands with categorized command palette and history search
Vscode Terminal Link Opener
Auto-detect URLs, file paths, and line:col references in terminal output and make them clickable.
Vscode Terminal Output Search
Search and filter terminal output with regex. Highlight matches, jump between results. Export filtered output.
Vscode Test Coverage Gutter
Show test coverage in gutter — green/red/yellow lines for covered/uncovered/partial code.
Vscode Test Coverage Gutter
Show test coverage in the gutter with green/red/yellow indicators per line based on coverage reports
Vscode Test Coverage Heatmap
Visual heatmap in the editor gutter showing test coverage percentage per file and function.
Vscode Test Coverage Inline
Show test coverage directly in the gutter — green for covered, red for uncovered lines.
Vscode Test Failure Explainer
Parse test output and show human-readable explanations with fix suggestions inline in the editor.
Vscode Time Tracker
Track coding time per project, language, and file. Daily/weekly reports in the sidebar with charts.
Vscode Todo Aggregator
Scan workspace for TODO, FIXME, HACK, NOTE comments and display in a searchable sidebar panel.
Vscode Todo Calendar
Scan TODO/FIXME/HACK comments with dates and display them on a calendar view inside VS Code
Vscode Todo Highlight
Highlight TODO, FIXME, HACK, NOTE comments with custom colors and tree view explorer.
Vscode Todo Plus Plus
TODO comment tracker with due dates, priority levels, assignees, and a filtered sidebar tree.
Vscode Todo Priority Matrix
A VS Code extension that renders a visual Eisenhower Matrix for your workspace TODOs. It scans your codebase for `// TODO:` and `// FIXME:` comments, extracting urgency tags, and visualizes them in a
Vscode Todo Tree AI
AI-enhanced TODO/FIXME/HACK scanner. Auto-categorize by urgency, suggest fixes, and generate Jira/Linear tickets.
Vscode Todo Tree AI
Scans workspace for TODO/FIXME/HACK comments and organizes them in a priority-ranked tree view with AI categorization.
Vscode Todo Tree Dashboard
Aggregate all TODO/FIXME/HACK comments across workspace with priority and assignment.
Vscode Todo Tree Enhanced
Enhanced TODO/FIXME/HACK comment tree view with statistics, filtering, and deadline tracking.
Vscode Type Complexity
Show TypeScript type complexity scores inline with simplification suggestions
Vscode Type Coverage Gutter
Show TypeScript type coverage percentage in the gutter and highlight `any` type usage per line.
Vscode Typing Stats
VS Code extension that tracks your typing speed, most-used characters, and coding velocity. Shows stats in the status bar and detailed reports.
Vscode Unused Exports Finder
Detect exported functions/types that are never imported anywhere in the project.
Vscode Unused Var Highlighter
Prominently greys out or strikes through unused variables with configurable visual styles.
Vscode Workspace Bookmarks
Bookmark code locations across files with labels, categories, and quick-jump keyboard shortcuts.
Vscode Workspace History
Track and visualize your coding sessions — files opened, time spent, and edit patterns.
Vscode Workspace Notes
Per-workspace persistent scratchpad for notes and todos that follow the project across sessions.
Word Counter
Live word, character, line, and reading time count.
Workflow Debt Analyzer
Identify messy code patterns.
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.