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?
Supports deployment of Vite/static frontend applications, with configurable output directories and npm-based builds.
AlicenseAqualityFmaintenanceEnables provisioning a fixed Ubuntu host and deploying registered PHP applications via Deployer, with read-only planning and validated stack/application reconciliation.12MITWhy this server?
Scans Vite projects for secrets exposed through VITE_ environment variables and other front-end security misconfigurations.

shipsafe-mcpofficial
AlicenseAqualityCmaintenanceEnables AI coding assistants to scan projects for security issues such as leaked API keys, missing Supabase RLS, open Firebase rules, unauthenticated routes, and hallucinated packages, then fix and verify the results.81MITWhy this server?
Supports deployment of Vite SPA applications to Varity with automatic backend service wiring.

Varity MCP Serverofficial
AlicenseAqualityBmaintenanceEnables AI coding tools to scaffold, build, and deploy Node.js or Python apps to Varity with a single command, automatically provisioning databases and backend services.1868 npm1MITWhy this server?
Allows publishing Vite static builds as live sites, with automatic batching for large builds and update/sync support.

thinhost-mcpofficial
AlicenseAqualityCmaintenanceEnables AI agents to publish static sites and build folders as live websites, push updates, provision and manage custom domains with DNS, and send transactional email. Ships as a local pip/uvx server that reads build folders directly, or as a hosted HTTP endpoint for Claude Code, Claude Desktop, and other MCP clients.11MITWhy this server?
Provides a dev-only Vite plugin that tags React/JSX elements with source locations, enabling agents to jump from page elements to the source code.
AlicenseAqualityAmaintenanceLets MCP agents drive VS Code's integrated browser tab that the user shares with them: opening pages, taking accessibility snapshots and screenshots, clicking, typing, scrolling, dragging and reading console and network activity with real trusted input. It also maps a picked element back to the source file, line and column that rendered it, so an agent receives the same selection the developer clicked.425MITWhy 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).

Feedthroughofficial
AlicenseAqualityBmaintenanceDebug bridge inside your web app: an agent reads the DOM, console and network. Any browser.164MITWhy this server?
Scans Vite + React projects to identify routes, modules, and config files like vite.config.*.
AlicenseAqualityDmaintenanceAn MCP server that provides tools for frontend development, including i18n issue detection, OpenAPI type generation, and project structure analysis.3MITWhy this server?
Provides integration with Vite build tool for project generation with Tailwind CSS configuration
AlicenseBqualityDmaintenanceAdvanced Model Context Protocol server that integrates Gemini AI with Tailwind CSS, providing intelligent component generation, class optimization, and cross-platform design assistance across major development environments.1011MITWhy this server?
Detects Vite as a build tool in Node.js projects.
AlicenseBqualityCmaintenanceAn MCP server that standardizes and binds development tool patterns, enabling AI assistants like Claude Code to generate code more efficiently with fewer errors and better autocorrection.7146 npm5Apache 2.0