Outliner CSS

Outliner CSS

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

Outliner CSS
What is Outliner CSS?
Outliner CSS is a Chrome extension designed to simplify debugging layout and structure issues in website design. It allows developers to insert outlines in multiple colors to all website elements and provides the option to toggle background color opacity, highlighting depth and providing an intuitive sense of the website layout.
By: tarah
Users: 10,000+
Rating: 5.00 (9)
Version: 1.0.1 (Last updated: 2017-10-10)
Creation date: 2017-10-10
Risk impact: Very low risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 2
  • activeTab
  • storage
Size: 13.32K
Stats date:

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension

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.

User reviews
by Annany Vishwakarma Annany Vishwakarma, 2024-06-18

Buy Chrome Extension Reviews Contact Information Telegram : @buysmmworld Skype : Buy Smm World WhatsApp: +60 18-942 3216
by Agnes Tate Agnes Tate, 2024-04-23

This is really helpful. Recommend for developers.
by Arfin Zabed Arfin Zabed, 2022-10-15
View all user reviews
Risk impact

Outliner CSS is safe to use. It does not request any sensitive permissions.

Risk likelihood

Outliner CSS has earned a good reputation and can be trusted.

Upgrade to see risk analysis details
Promo images
Outliner CSS small promo image
Small promo image
Similar extensions

Here are some Chrome extensions that are similar to Outliner CSS: