Svelte DevTools
Item media 1 screenshot


Browser DevTools extension for debugging Svelte applications.

Check out the changelog at --- Svelte DevTools is a browser DevTools extension for the open-source Svelte JavaScript framework. It allows you to gain deep insights and inspect the Svelte component hierarchies in the Developer Tools panel itself. After installing, you will get a new tab in your browser DevTools titled "Svelte". The DevTools panel will only work on sites with `dev` mode enabled, which should work out-of-the-box when you're running your Svelte app locally. Key Features: - Zero-configuration: Run your application in development mode and have everything working - Real-time Component Tree: Svelte component hierarchy visualization in real-time, deeper understanding of your application structure and identify relationships between components easily - Interactive State Inspection: Modify and experiment with component states effortlessly in one place, and easily see events and other state - Dark Mode Support: Enjoy the sleek and user-friendly interface in both light and dark modes - Open Source and Community-Driven: This extension is open source and actively maintained by the Svelte community This extension requires permissions to access the tab's content, data will be processed locally in your browser and cleared after each session.

4.3 out of 515 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

tabliqat chiApr 12, 2024

Does this work with Svelte (not Sveltekit) project initiated using Vite too? I tried both `compilerOptions: { dev: true }` and `{ dev: true }` (adding them in svelte.config.js), but I still get the message "No Svelte app detected".

1 out of 2 found this helpful
Replier's profile picture

Ignatius BagussuputraDeveloperApr 24, 2024

Hi tabliqat, thanks for trying the extension and yes this works with Vite only. You shouldn't need to specify it in the config as it will work out-of-the-box when you run `vite dev`, you can try it with a freshly initialized Svelte 4 project. If you run into any other problems, please open an issue or discussion on the GitHub repository.

Review's profile picture

joy miaMar 10, 2024

Best of the best

Review's profile picture

Dewmal HandapangodaDec 16, 2023

Not working with

0 out of 6 found this helpful
Replier's profile picture

Ignatius BagussuputraDeveloperJan 23, 2024

Hi Dewmal, this extension supports developing with SvelteKit out of the box. If you're talking about the website itself, you will need to run the website locally with `dev` mode enabled as mentioned in the description. If you run into any other problems, please open an issue on the GitHub repository.


  • Version
  • Updated
    May 3, 2024
  • Offered by
  • Size
  • Languages
  • Developer
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.


The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes


For help with questions, suggestions, or problems, visit the developer's support site

You might also like…

Livewire devtools


Chrome and Firefox DevTools extension for debugging Livewire applications.

Solid Devtools


Chrome Developer Tools extension for debugging SolidJS applications.

Scroll-Driven Animations Debugger


A DevTools extension to visualize and debug Scroll-Driven Animations

Gimli Tailwind


A DevTools extension enabling smart tools for Tailwind CSS.

Google apps