index.md

layout	home
theme	dark
hero	name text tagline actions image Vite DevTools DevTools Framework for the Vite Ecosystem. An extensible foundation for building and composing developer tools across the Vite ecosystem theme text link brand Get Started ./guide theme text link alt View on GitHub https://github.com/vitejs/devtools src alt /hero.svg Vite DevTools
features	icon title details 🔍 DevTools for Rolldown Built-in integration for Rolldown build analysis. Visualize module graphs, dependencies, chunks, assets, and build metadata. icon title details 🧩 Extensible Architecture Build custom DevTools integrations with the DevTools Kit. Any Vite plugin can extend the devtools with a simple hook to add visualizations, inspectors, and tools. icon title details 🚀 Unified Dock System A familiar dock interface (like macOS Dock) where all DevTools integrations appear together. Switch between tools seamlessly in a consistent UI. icon title details 🔌 Type-Safe RPC Built-in RPC layer for bidirectional communication between server and client. Full TypeScript support for type-safe data exchange. icon title details 🎨 Flexible UI Options Choose from iframe panels, custom renderers, or action buttons. Host your UI as embedded panels, browser extensions, or standalone webpages. icon title details ⚡ Framework Agnostic Works with any framework built on Vite. Use Vue, React, Svelte, or any other framework to build your DevTools UI.

<script setup> import Home from './.vitepress/theme/Home.vue' </script>