Debug CSS is a Firefox extension that adds outlines to every element on a webpage so developers can identify layout and positioning issues. It also shows element details when hovering with Ctrl and supports an icon toggle or keyboard shortcut.
In the Browser DevTools & extensions space, Debug CSS takes a focused approach. It focuses on identifying which page elements and CSS rules are causing web layout problems. It is built as a consumer product for web developers and frontend designers. It is available for free. It ships for the web and embeddable surfaces.
Behind Debug CSS is Pranay Joshi, and it first shipped in 2015. Among its 6 catalogued features are element outlines, layout debugging, and element details. The interface is available in 32 languages, including Czech, German, and Greek.
Summary written by a language model from the project’s public pages.
What PulseGate has recorded for this listing
Closest matches by what these projects do