Vunor

Vunor is two things in one package:

1. A UnoCSS design-system preset (presetVunor) that derives a complete theme — perceptual color palette, golden-ratio typography/spacing, layered backgrounds, font-aware margin correction — from a few mathematical knobs.
2. A Vue 3 component library of 30+ accessible components built on Reka UI, styled entirely through UnoCSS classes (zero CSS files, no scoped styles).

The two halves are independent: the preset works without the components, and the components are skinnable through the same shortcut system you'd use for your own code.

Mental model

Three layers stack on top of each other. Read top-down to understand any class: