Vunor 是一个 Vue 3 + UnoCSS 设计系统与组件库，包含两部分：一是 UnoCSS 设计系统预设 presetVunor，可从少量数学参数推导出完整主题（感知色彩调色板、黄金比例排版与间距、分层背景、字体感知边距修正）；二是基于 Reka UI 构建的 30 多个无障碍 Vue 3 组件，完全通过 UnoCSS 类样式化，零 CSS 文件、无 scoped 样式。两部分相互独立：预设可脱离组件使用，组件也可通过同一套 shortcut 系统换肤。
核心心智模型分三层：语义类（如 scope-primary、layer-0、surface-100、c8-filled、card）展开为 UnoCSS shortcuts；低层工具类（如 bg-current、h-fingertip、p-$m）解析为 presetVunor 规则；最终落到 CSS 自定义属性（如 --scope-color-500、--current-bg）。所有绘制、尺寸与主题都经由 CSS 变量流动。
使用基础是 scope：scope-{name} 声明子树激活的调色板，有效名称有 primary、secondary、good、warn、error、grey、neutral。预检会在 :root 自动安装 scope-neutral，页面默认保持中性，仅在强调元素上切换到 scope-primary 或状态色。
快速开始：在 uno.config.ts 中引入 presetVunor 与 vunorShortcuts；Vite 项目通过 unplugin-vue-components 的 VunorVueResolver 自动导入 <VuFoo> 组件；Nuxt 3 使用 modules: ['vunor/nuxt']。组件包括 VuCard、VuButton、VuDialog、VuTabs、VuMenu、VuPopover、VuAppLayout、VuAppToasts、VuIcon、VuInput、VuSelect、VuCombobox、VuCheckbox、VuRadioGroup、VuSlider、VuDatePicker 等。
使用规则：颜色通过 scope-* 管理而非硬编码调色板名；组件内优先使用 scope 相对类（bg-current、text-current 等）；不写 <style> 块或 scoped 样式；分层与表面自动处理深色模式，无需 dark: 前缀；间距令牌使用 $ 前缀（如 p-$m）；触摸目标默认 --v-fingertip（3em）。scope-{name} 仅设置变量，本身不绘制任何内容，需与 bg-current、layer-、surface-、c8-、i8- 等组合使用。
资料未提供具体收费、价格、平台支持范围与效果数据。