CSS Variables Generator
Create CSS custom properties for your design system. Define colors, spacing, typography, and shadows, then export as CSS or SCSS.
Preview
:root {
--color-primary: #3b82f6;
--color-secondary: #8b5cf6;
--color-success: #22c55e;
--color-danger: #ef4444;
--color-warning: #f59e0b;
--color-bg: #ffffff;
--color-text: #1f2937;
--spacing-sm: 0.5rem;
--spacing-md: 1rem;
--spacing-lg: 2rem;
--font-body: 'Inter', sans-serif;
--font-heading: 'Poppins', sans-serif;
--radius: 0.5rem;
--shadow: 0 1px 3px rgba(0,0,0,0.1);
}Frequently Asked Questions
📖 Related Articles
Related Tools
JWT Generator & Decoder
Create and decode JSON Web Tokens. Set header algorithm (HS256/HS384/HS512), payload fields, and secret key.
JSON Formatter
Format, validate, and minify JSON data with syntax highlighting.
Base64 Encoder / Decoder
Encode text to Base64 or decode Base64 strings back to plain text.
Regex Tester
Test and debug regular expressions in real-time. Matches highlighted, capture groups, replacements.
CSV to JSON Converter
Convert CSV data to JSON arrays and JSON arrays back to CSV. Custom delimiters supported.
Text Diff Checker
Compare two texts and see additions, removals, and unchanged lines highlighted side by side.