Skip to content
Submit Library
Library
Developer Tools

Preact DevTools

Development-time inspection helpers for Preact component trees.

ExperimentalActive

Experimental

Compatibility is possible but still being validated for production Preact use.

Packagepreact/devtools

Facts at a glance
Preact compatibility
Experimental
Tested Preact versions
Not documented
TypeScript
No TypeScript
SSR
SSR unsupported
Maintenance
Active
License
MIT
Last verified
Not yet verified
Terminal
npm install preact/devtools
Preact example
if (import.meta.env.DEV) {  await import("preact/devtools");}

Introduction

DevTools support helps inspect component trees and state changes while debugging Preact applications.

Preact configuration

Import the devtools entry during development only.

SSR notes

Development-only tooling.

Islands notes

Helpful when debugging isolated interactive widgets.

Alternatives

Browse more in Developer Tools or explore the full library directory.