Toolgeist › Developer

CSS Variable Auditor — Extract & Audit Custom Properties

Paste your CSS to extract every custom property (--variable) it defines and references, flagging variables that are defined but never used, and references to variables that are never defined anywhere — the kind of drift that accumulates silently in a growing design-token system.

How to use CSS Variable Auditor

1. Paste your CSS.
2. Review the extracted list of custom properties.
3. Check flagged unused and undefined variables.
4. Clean up the drift in your source.

Frequently asked questions

Why do unused CSS variables accumulate?

As a design system evolves, old tokens get replaced but the original --variable declaration is often left behind rather than removed, since nothing breaks by leaving it — this tool surfaces exactly which ones are now dead weight.

What does "undefined" mean here?

A var(--something) reference in your CSS where --something is never declared anywhere in the pasted stylesheet, which falls back to the browser default or the fallback value you specified, silently, if any.

Does it check multiple stylesheets at once?

Paste all relevant CSS together for a combined audit across files, since custom properties are typically scoped globally via :root regardless of which file defines them.

Related Developer tools

• Meta Tag Generator
• JSON to CSV
• PX to REM
• Byte Converter
• JSON to TS
• Git Cheatsheet

Also searched for: css custom property auditor · find unused css variables · css variable usage checker online

Browse all 738 free tools on Toolgeist →