Outliner CSS

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

Outliner CSS - Debug Your Layouts Visually

"Outliner CSS" is a powerful Chrome extension designed for web developers and designers, offering a unique way to visualize the structure and layout of web pages. With its ability to apply outlines to all elements, it provides a clear visual structure, making it easier to identify and debug layout issues. It enhances element visibility by adding background depth and allows users to save preferences per tab for a personalized and efficient debugging experience.

Download

Extension stats

By: tarah

Users: 10,000+

Rating: 5.00

(12)

Version: 3.0 (Last updated: 2025-02-17)

Creation date: 2017-10-10

Permissions:

storage
activeTab
scripting

Size: 17.73K

Email: de*****@gmail.com

Full description: See detailed description

Ranking

# 8,589 ▲ 58

Other rankings

#738 in Developer Tools ▼ 1 #214 in element keyword 23 ▼ 15

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Very helpful for developers
Does very well its purpose
Easy-to-use tool for diagnosing layout issues and page structure
Well structured extension

Cons

Lacks a feature to visually indicate when the extension is active

Most mentioned

Helpful for developers
Well structured
Easy-to-use for diagnosing layout issues

User reviews

It does its job really well 👍

علی احمد, 2024-12-24

Good.....

Annany Vishwakarma, 2024-06-18

This is really helpful. Recommend for developers.

Arfin Zabed, 2022-10-15

View all user reviews

Extension safety

Risk impact

Outliner CSS does not require any sensitive permissions.

Risk impact analysis details

Low Request access to the following domains:

Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of Outliner CSS. Use it at your own risk.

Risk likelihood analysis details

High This extension was recently updated in the past month. New updates may not be stable or safe.
High **** ********* *** *** **** ****** ********* ********** *** *** ** ****** ** *****
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Good **** ********* ** * ******** ********* ** ****** *** *****
Good **** ********* *** **** **** *******