Enhance your Qwik development experience with DevTools that provide real-time insights into your application, dependencies, and setup.

Qwik DevTools requires Qwik v2.0.0-beta.1 or higher.

npm install @qwik.dev/devtools -D

pnpm add @qwik.dev/devtools -D

yarn add @qwik.dev/devtools -D

Add the plugin to your vite.config.(m)ts:

import { qwikDevtools } from '@qwik.dev/devtools';

export default defineConfig({
  plugins: [
    qwikRouter(),
    qwikVite(),
    tsconfigPaths(),
    qwikDevtools(), // 👈 Add the plugin here
  ],
  ssr: {
    noExternal: ['@qwik.dev/devtools']; // 👈 Add the plugin here
  }
});

• 🔍 Route Explorer
• ⚡️ Dependency Explorer
• 📊 Asset Explorer
• 🐞 Debug Tools

Please refer to the Contribution Guide. Sharing feedback and feature request with GitHub issues is welcome.

Join our vibrant community:

• 🐦 Follow @QwikDev on Twitter
• 💬 Join our Discord community
• 🌐 Check out other community groups

• 📚 Qwik Documentation
• 💬 Discord Chat
• ⭐️ Qwik GitHub
• 🐦 @QwikDev
• ⚡️ Vite