unocss

UnoCSS 是即时按需生成的原子 CSS 引擎，具备较强可定制性。通过 npm install -D unocss 安装，在 Vite 中引入 UnoCSS 插件，在 uno.config.ts 用 defineConfig 配置预设，并在入口文件导入 virtual:uno.css 即可使用。主要能力包括：自定义规则（静态、正则动态、具名捕获）、shortcuts 组合多个工具类、variants 条件样式、theme 主题令牌（颜色、断点、字体、间距）、presets（presetUno、presetWind、presetMini、presetIcons、presetAttributify、presetTypography）、variant groups、transformerDirectives（支持 @apply、@screen）、safelist 与 preflights。框架集成提供 Next.js（@unocss/webpack）、Nuxt（@unocss/nuxt）、Astro 等示例，并内置 hover、focus、dark、sm 等变体和布局、间距、排版、颜色、尺寸、特效、过渡等常用工具类。适用于希望获得即时原子 CSS 或自建工具类框架的项目。限制：资料未提供收费、价格与性能数据，具体行为需以实际配置和官方文档为准。