🎨

CSS Variable Extractor

Extract all CSS variables from your stylesheets. Modify their values in real-time and see the result on a live preview dashboard. Ideal for theme building and design system exploration. Supports color picking and local file opening.

parsers

CSS Input

Variables

--primary-color#8b5cf6

--secondary-color#f43f5e

--font-size16px

--border-radius8px

Primary Preview

Sample Text

Above components use var(--primary-color), var(--secondary-color), var(--font-size), and var(--border-radius).