Font Selection

Main Colors

--color-black
--color-spark
--color-white
Interactive CSS Framework

Design Systems, Reimagined

Create your perfect CSS foundation with real-time customization.

The Future of CSS Customization

👀

Live Preview

See your changes instantly as you customize variables. No more switching between files or refreshing the browser.

🎨

Visual Editor

Intuitive interface for editing colors, spacing, typography, and more. Perfect for designers and developers alike.

⚡️

Instant Export

Generate your customized CSS file with one click. No build process needed - just download and use.

Customize in Three Steps

1

Select Elements

Click any element to see its CSS variables and customization options in the side panel.

2

Edit Variables

Adjust colors, spacing, and other properties with our intuitive controls. See changes instantly.

3

Export & Use

Download your customized CSS file and integrate it into your project. No dependencies required.

Create Your Perfect CSS

Stop wrestling with CSS variables. Start customizing your design system visually.