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
- Paste your CSS with custom properties in the input area
- Click Variables to extract variable information
- Review definitions, usages, and reference counts
Privacy & Security
All processing happens entirely in your browser.