CSS Variable Explorer — Find CSS Custom Properties

CSS Variable Explorer Online — Free Tool

Discover and analyze CSS custom properties (variables) in your stylesheets. See variable definitions, usages, and dependency chains.

Why Explore CSS Variables?

• Understand Theme Systems: See how CSS custom properties define your design tokens
• Find Dead Variables: Identify unused CSS custom properties
• Audit Variable Usage: Track where each variable is referenced
• Refactor with Confidence: Know the impact of changing a variable

Features

• Variable Detection: Find all CSS custom properties
• Usage Tracking: See where each variable is referenced
• Count Statistics: Know how many times each variable is used
• Definition Location: See exactly where each variable is defined

How to Use

1. Paste your CSS with custom properties in the input area
2. Click Variables to extract variable information
3. Review definitions, usages, and reference counts

Privacy & Security

All processing happens entirely in your browser.