CSS Variables Extractor - Find Custom Properties

Extract CSS custom properties (variables) from stylesheets. List all --var definitions with values. Browser-based, private analysis.

CSS Input

Variables Found

Frequently Asked Questions

CSS custom properties (variables) defined with -- prefix, like --primary-color. They enable reusable values throughout stylesheets.

All custom property definitions with their values and the selectors where they're defined (usually :root).

Yes. All processing happens in your browser. No CSS is uploaded anywhere.

Yes. Copy the extracted variables as a clean list for documentation or design tokens.

It shows definitions. To find usages, search for var(--variable-name) in your code.

Variables from any scope are extracted - :root, element selectors, media queries, or any other CSS block.

Yes. The extractor works on both formatted and minified CSS files without issues.

The tool shows the defined value. Fallback values used with var() are separate from definitions.

All definitions are extracted. Duplicate variable names with different values are listed separately.

Currently all variables are extracted. Filter the output manually or use your editor's search.