variaBuild-time variants for UnoCSS

A CVA-shaped config for authoring component vocabularies. JIT for design systems, no runtime, framework-agnostic at consumption.

Familiar config shape

A CVA-shaped defineComponent for authoring variants. If you've used class-variance-authority, you'll feel at home.

slots for multi-element widgets (Modal, Card, Dialog). compoundVariants for cross-axis CSS that applies when conditions combine.

Zero runtime. presetVaria emits UnoCSS shortcuts; UnoCSS produces the actual CSS.

Class strings work in HTML, ERB, Liquid, HEEx, JSX, or any other template language. No JS required at consumption sites.

Generated names follow btn-c-primary / btn-outline / modal__container patterns the consumer can grep for and override.

The UnoCSS VS Code extension reads your config and offers completion in HTML, JSX, ERB, Liquid, HEEx, and anywhere else classes live.

A generated VariaClasses union lets you type-check class strings in TS projects, or build custom lint rules.

Consumers compile only the components they actually reference. A class in the manifest that no template uses doesn't make it into the CSS.