DevTools Framework for the Vite Ecosystem.
An extensible foundation for building and composing developer tools across the Vite ecosystem
Inspect, Analyze, Extend
Vite DevTools provides an extensible framework with built-in integrations like DevTools for Rolldown, plus an open architecture for custom tools.
🔍
DevTools for Rolldown
Built-in integration for Rolldown build analysis. Visualize module graphs, dependencies, chunks, assets, and build metadata.
🧩
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.
🚀
Unified Dock System
A familiar dock interface (like macOS Dock) where all DevTools integrations appear together. Switch between tools seamlessly in a consistent UI.
🔌
Type-Safe RPC
Built-in RPC layer for bidirectional communication between server and client. Full TypeScript support for type-safe data exchange.
🎨
Flexible UI Options
Choose from iframe panels, custom renderers, or action buttons. Host your UI as embedded panels, browser extensions, or standalone webpages.
⚡
Framework Agnostic
Works with any framework built on Vite. Use Vue, React, Svelte, or any other framework to build your DevTools UI.