Best Vite MCP Servers
Vite is a modern frontend build tool that provides a faster and leaner development experience for web projects. It offers features like hot module replacement and optimized builds, serving as a next-generation frontend tooling that improves the developer experience.
Why this server?
Plug into Vite to inject the bridge into static HTML pages, allowing AI agents to debug Vite-based applications (React, Vue, Solid, Preact).
AlicenseAqualityAmaintenanceDebug bridge inside your web app: an agent reads the DOM, console and network. Any browser.Last updated162MITWhy this server?
Scaffolds vanilla Vite projects or Vite with TypeScript, supporting React, Vue, and other frameworks.
AlicenseAqualityCmaintenanceA unified MCP server for scaffolding project structures across multiple frameworks including Spring Boot, React, Vue, Next.js, FastAPI, Django, Flask, Express, and more.Last updated2131MITWhy this server?
Detects and provides information about Vite dev servers, including port, PID, memory usage, and allows killing them.
AlicenseAqualityBmaintenanceInspect, manage, and kill local dev servers via MCP. Stop guessing what's on :3000. Five tools: list servers with framework detection, inspect ports, find zombies, diagnose conflicts, safe-kill with dry-run default. Local, no cloud, no telemetry.Last updated5229MITWhy this server?
Detects and manages Vite-based development servers, including port management and process control
AlicenseBqualityCmaintenanceMCP server that manages npm run dev processes, automatically detecting projects, running them in the background, monitoring logs, and managing ports.Last updated919MITWhy this server?
Integrates with Vite's Hot Module Replacement (HMR) system to enable real-time code updates. Allows monitoring HMR events, connecting to a running Vite dev server, and observing live updates when code is modified.
AlicenseBqualityBmaintenanceIntegrates Cursor AI with Vite Dev server, allowing AI agents to modify code and observe live updates through the Hot Module Replacement system in real-time.Last updated164623MITWhy this server?
Analyzes Vite projects to automatically generate browser automation playbooks per route and form.
AlicenseBqualityAmaintenanceBrowser automation MCP server with persistent memory for AI assistants, enabling automated web testing and workflow replay with self-healing selectors.Last updated543MITWhy this server?
Provides tools for creating Vue and React projects using Vite with template selection and dependency management
AlicenseBqualityCmaintenanceEnables execution of terminal commands, git operations, and automated setup of React, Vue, and Next.js projects with VSCode integration.Last updated721MITWhy this server?
Detects Vite projects and provides diagnostic snapshots including session info, running services, and recent errors.
AlicenseAqualityCmaintenanceZero-config MCP server that gives AI coding assistants a real-time diagnostic snapshot of your local dev environment. Detects framework, running services, recent errors, git state, and provides a health diagnosis in one call.Last updated39MITWhy this server?
Provides Puppeteer-driven screenshots, typing, and network/console diagnostics for web applications built with Vite.
AlicenseBqualityCmaintenanceA collection of MCP servers distributed as a single npm package, including mcp-visualizer which uses Puppeteer for screenshots, typing, and network/console diagnostics on any web framework.Last updated35MIT