Outliner CSS icon

Outliner CSS

Extension Actions

CRX ID
epodomlablfiehjgajhlhbdhidlkokaj
Status
  • Live on Store
Description from extension meta

A totally awesome structure and layout debugger that inserts CSS outlines to all elements.

Image from store
Outliner CSS
Description from store

After years of adding debug styles into projects to help debug structure and layout issues I spent an afternoon making the Outliner CSS chrome extension.
Outliner CSS is added to the current page on all elements with the option to switch between RGB colors and toggle background color opacity to highlight depth.

Latest reviews

A A
It does its job really well 👍
Annany Vishwakarma
Good.....
Arfin Zabed
This is really helpful. Recommend for developers.
Arfin Zabed
This is really helpful. Recommend for developers.
Lakshmikanth Ayyadevara
Very well structured extension, but I need one feature where clicking on the extension icon it should change its color indicating that the extension is on, clicking on it again should remove the CSS outlines, great work keep it up
Lakshmikanth Ayyadevara
Very well structured extension, but I need one feature where clicking on the extension icon it should change its color indicating that the extension is on, clicking on it again should remove the CSS outlines, great work keep it up
Alessandro de Oliveira
It does very well its purpose. I recommend!
Alessandro de Oliveira
It does very well its purpose. I recommend!
Marina Riabets
Very helpful, thank you!
Marina Riabets
Very helpful, thank you!
Greg Lockwood
An easy-to-use tool to quickly diagnose layout issues and page structure.
Greg Lockwood
An easy-to-use tool to quickly diagnose layout issues and page structure.