# Svelte Devtools

> Browser devtools extension for debugging Svelte applications.

Canonical page: [https://chrome-stats.com/d/svelte-devtools](https://chrome-stats.com/d/svelte-devtools)

## Overview

- **ID:** `svelte-devtools`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** RedHatter271
- **Category:** web-development
- **Daily users:** 1,261
- **Weekly downloads:** 13
- **Rating:** 4.17 / 5 (12 ratings)
- **Version:** 1.3.0
- **Last updated:** 2021-01-02
- **First published:** 2019-05-25
- **Size:** 63 KB
- **Data as of:** 2026-09-05
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/svelte-devtools/)
- **Website:** [https://github.com/RedHatter/svelte-devtools/issues](https://github.com/RedHatter/svelte-devtools/issues)

## Description

Svelte Devtools is a powerful Firefox extension designed to enhance your debugging experience with Svelte applications. It integrates seamlessly into Firefox Developer Tools, adding a dedicated tab that displays a hierarchical tree of Svelte components, HTMLx blocks, and DOM elements rendered on the page.

Select any node in the tree to inspect and modify its current state in a user-friendly panel. This extension streamlines the process of tracking state changes and understanding component structures, making it an essential tool for developers working with the Svelte JavaScript framework.

## Rankings

- #2,923 — Overall
- #323 — Web Development
- #40 — component
- #74 — debug
- #122 — tools
- #140 — application

## Permissions and access

### Permissions

- `tabs`
- `<all_urls>`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** Low risk likelihood

### Analysis details

- Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Review summary

Svelte Devtools is highly valued for enhancing the developer experience by making variable and state inspection easy. Users praise its usefulness and contribution to the community. The main issue reported by multiple users is an error occurring during hot module replacement (HMR), which requires disabling the add-on temporarily. Overall, it is regarded as a fantastic and valuable tool for Svelte developers.

### Pros

- Works as expected and provides essential functionality.
- Significantly improves developer experience with Svelte.
- Makes it easy to view variables and state.
- Highly appreciated by the community for its contribution.
- Simplifies development and debugging process.

### Cons

- Incompatibility with Hot Module Replacement (HMR) causes errors requiring disabling the plugin.
- No con specifically mentioned more than once.

## Similar extensions and apps

- [Svelte Reactive Debugger](https://chrome-stats.com/d/svelte-reactive-debugger) — 41 users, 5.00 / 5
- [Vue.js devtools](https://chrome-stats.com/d/vue-js-devtls) — 19 users
- [Vue.js devtools](https://chrome-stats.com/d/vue-js-devtools) — 56,270 users, 4.70 / 5
- [Ext JS 3 DevTools](https://chrome-stats.com/d/ext-js-3-devtools) — 4 users
- [Solid Devtools](https://chrome-stats.com/d/solid-devtools) — 161 users, 5.00 / 5
- [React Developer Tools](https://chrome-stats.com/d/react-devtools) — 165,775 users, 4.59 / 5
- [FicusJS devtools](https://chrome-stats.com/d/ficusjs-devtools)
- [Vue Performance Devtool](https://chrome-stats.com/d/vue-performance-devtool) — 164 users, 2.60 / 5
- [New-Free-sidebar](https://chrome-stats.com/d/new-free-sidebar)
- [React Performance Devtool](https://chrome-stats.com/d/nitin-tulswani) — 114 users, 1.00 / 5
- [Apollo Client Devtools](https://chrome-stats.com/d/apollo-developer-tools) — 5,820 users, 3.93 / 5
- [Vue.js DevTools](https://chrome-stats.com/d/vuejsdevtools) — 2 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/svelte-devtools)