No-Metrics-Pane (slimmer DevTools)

Name: No-Metrics-Pane (slimmer DevTools)
Author: vincolus

Hides the metrics-/box-model-pane from DevTools. Usage: 'Allow extensions to load custom stylesheets' in DevTools > Experiments.

As of May 2026, No-Metrics-Pane (slimmer DevTools) has 34 users in the Developer Tools category.

vincolus Developer Tools★ Featured

Chrome Web Store ↗.crx

Users−2.9%

Rating0%

—

— reviews

Reviews0%

—

Version

0.9.8

Manifest V3

History

3 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	35	—	—	0.9.8
Apr 30, 2026	32	—	—	0.9.8
May 29, 2026	35	—	—	0.9.8
Now	34	—	—	0.9.8

Permissions & access

Permissions: None declared
Host access: None declared

Screenshots

No-Metrics-Pane (slimmer DevTools) screenshot 1

About

Slimmer DevTools hides the "Metrics" panel in DevTools. 

For many developers, this box is rarely useful but takes up valuable space, allowing only a few CSS properties to be visible at a time. Slimmer DevTools removes it, letting you see more properties at once and work more efficiently.

### Enable/Disable
To enable, open `DevTools (F12) > Experiments` and activate "Allow extensions to load custom stylesheets," then restart DevTools.

To toggle Slimmer DevTools on or off, go to Chrome extensions and adjust as needed.

### Built for Simplicity
Designed to reduce clutter in DevTools – inspired by this [StackOverflow thread](https://stackoverflow.com/questions/66691662/is-there-a-way-to-hide-the-box-model-graphic-in-chrome-developer-tools).