(123) 456-78-90 [email protected]

Help Center

Browse the FAQ by category

Jump straight to the topic you need — installation, theming, components, or licensing.

Getting Started

Add one line to your <head>: <link rel="stylesheet" href="https://cdn.cssvars.com/cssvars.css">. That's the entire setup — no package manager required.
Yes. Since it's a single CSS file, it works with any static-site generator, server-rendered framework, or plain HTML page.
The GitHub repository includes demo pages you can copy as a starting point for layouts, navigation, and common components.

Theming & Variables

All tokens — colors, spacing, radii, shadows — live as CSS custom properties inside :root at the top of cssvars.css.
Override the token values inside a prefers-color-scheme: dark media query or a class on <html>. No JavaScript theme switcher is required.
Yes — spacing and typography tokens use clamp() so type and rhythm scale smoothly with the viewport instead of jumping at fixed breakpoints.

Components

Interactive components use the CSS checkbox/radio toggle pattern: a hidden input drives visibility through the :checked selector and adjacent-sibling combinators.
Add the opt-in .col-gap class to your .row to enable gap support in the flex-based grid columns.
The block library ships as named HTML snippets you can copy directly into your project and customize with utility classes.

Licensing & Support

Yes, it's open source and free for personal and commercial projects. See the license file in the GitHub repository for full terms.
Open an issue on the GitHub repository with a short reproduction — the maintainers review issues regularly.