Outline All Elements

Name: Outline All Elements
Rating: 5 (1 reviews)
Author: MohannadNaj

Add CSS Outline property to all elements on the page for debugging CSS Layout.

As of May 2026, Outline All Elements has 388 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.

MohannadNaj Developer Tools

Chrome Web Store ↗.crx

Users+3.2%

388

Rating0%

5.00

1 reviews

Reviews0%

Version

1.1

Manifest V3

History

4 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	376	5.00	1	1.1
Apr 21, 2026	390	5.00	1	1.1
May 6, 2026	405	5.00	1	1.1
May 17, 2026	394	5.00	1	1.1
Now	388	5.00	1	1.1

Permissions & access

Permissions: activeTabscripting
Host access: None declared

Screenshots

About

A Chrome Extension for adding CSS Outline property (with different colors) to all elements on the page.

Source Code:
https://github.com/MohannadNaj/outline-all-elements

Mainly this is useful for debugging CSS Layout and discovering potential issues.

Notes:

- Click the extension icon for activating/deactivating.

- The outline colors are randomized based on it's order on the page.

- The colors are randomized by assigning different cumulative Hue degree and a fixed Saturation (99%) and Light (50%).

- On deactivating, the extension will restore the old outline value if it was there, and remove the style HTML attribute if it wasn't there before activating.