# Preact Developer Tools

> Only works with Preact 10.1.0 upwards Debugging tools for Preact. This extension allows you to inspect the component hierarchy and change properties on the fly.

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

## Overview

- **ID:** `preact-devtools`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Marvin Hagemeister
- **Category:** web-development
- **Daily users:** 476
- **Weekly downloads:** 2
- **Rating:** 5.00 / 5 (2 ratings)
- **Version:** 4.7.2
- **Last updated:** 2024-04-25
- **First published:** 2019-11-15
- **Size:** 152 KB
- **Data as of:** 2026-09-05
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/preact-devtools/)
- **Website:** [https://github.com/preactjs/preact-devtools/issues](https://github.com/preactjs/preact-devtools/issues)

## Description

Preact Developer Tools is a specialized Chrome extension designed to work exclusively with Preact version 10.1.0 and above. It provides developers with a powerful interface to inspect the component hierarchy of their Preact applications directly in the browser. This seamless inspection capability helps developers understand component structure and relationships more clearly.

Additionally, the extension supports live editing of component properties (props) on the fly, allowing developers to test changes quickly without rebuilding or reloading the entire app. This results in faster debugging cycles and more efficient development workflows for Preact-based projects.

## Rankings

- #5,163 — Overall
- #3 — developer tools
- #8 — developer
- #26 — tools
- #42 — component
- #43 — level

## Permissions and access

### Permissions

- `file:///*`
- `http://*/*`
- `https://*/*`
- `storage`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** Moderate risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension support email may not be valid

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

## Similar extensions and apps

- [React Developer Tools](https://chrome-stats.com/d/react-devtools) — 165,775 users, 4.59 / 5
- [React Developer Tools Lite](https://chrome-stats.com/d/lightweig-developer-tools) — 1 users
- [Alpine.js devtools](https://chrome-stats.com/d/alpinejs-devtools) — 1,029 users, 4.71 / 5
- [React Developer Tools](https://chrome-stats.com/d/reactdevelopertools) — 3 users
- [MobX Developer Tools](https://chrome-stats.com/d/mobx-devtools) — 289 users, 5.00 / 5
- [Alpine.js DevTools Pro](https://chrome-stats.com/d/alpine-js-devtools-pro) — 50 users, 5.00 / 5
- [React Performance Devtool](https://chrome-stats.com/d/nitin-tulswani) — 114 users, 1.00 / 5
- [Umbraco DevTools](https://chrome-stats.com/d/umbraco-devtools) — 2 users
- [Vue Performance Devtool](https://chrome-stats.com/d/vue-performance-devtool) — 164 users, 2.60 / 5
- [Preact Detector](https://chrome-stats.com/d/preact-detector)
- [React Context DevTool](https://chrome-stats.com/d/react-context-devtool) — 745 users, 2.75 / 5
- [Vue.js devtools](https://chrome-stats.com/d/vue-js-devtls) — 19 users

---

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