# lucagez/Debucsser

CSS debugging tool with an unpronounceable name

Repository: https://github.com/lucagez/Debucsser
Canonical: https://ross.abutalabs.com/products/debucsser
Language: JavaScript
License: MIT
License Family: permissive
Last push: 2019-04-04T14:35:50+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 2860, "days_push": 2708, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1006, forks 39 (observed 2026-08-28T04:03:12.132710+00:00)

## What it is
Debucsser is a lightweight JavaScript library for debugging CSS layouts in the browser. Holding CTRL (or custom keys) while hovering applies outlines and shows element dimensions in pixels, with configurable colors, widths, and custom classes.

## Use cases
- inspect element dimensions in pixels while hovering
- outline all elements on a page to debug layout
- apply a custom CSS class to hovered elements without editing stylesheets
- debug spacing and sizing issues in frontend layouts
- quickly visualize box boundaries during CSS development

## When to choose
- you want a quick, unobtrusive way to visualize element outlines in the browser
- you frequently add temporary outline rules to debug CSS layouts
- you want configurable debug keys, colors, and custom classes

## When to avoid
- you need full DOM/style inspection like browser DevTools provide
- you need a maintained tool with recent updates or a finished browser extension
- your project does not run in a browser environment

## Facets
- artifact type: library
- maturity: maintenance
- function: developer-tools, ui-components
- domain: web-development, frontend, developer-tools
- platform: browser
- tags: css-debugging, frontend-debugging, outline-tool, hover-inspection, nodejs

## Member repositories
- lucagez/Debucsser (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:12.132710+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:12:47.558140+00:00, confidence not recorded.
  - readme: https://github.com/lucagez/Debucsser (fetched 2026-08-28T04:03:12.132710+00:00, sha a688106c5e79)
  - registry_npm: https://registry.npmjs.org/debucsser (fetched 2026-08-29T13:13:00.004510+00:00, sha 888b7a3e5e85)
- Data as of 2026-08-30T08:39:29.467469+00:00.