emotion
体验一种全新的 JavaScript 样式编写方式，兼顾创意与效率。
UnoCSS 是一款创新的原子化 CSS 引擎，旨在为 Web 应用样式设计提供即时、按需的体验。它的核心理念是提供完全可自定义的样式解决方案，不受核心工具类的限制。
用户可以动态创建样式，并通过多种预设自定义设计系统。
UnoCSS 的突出优势之一是速度。与需要大量解析时间的传统 CSS 框架不同，UnoCSS 可即时运行，性能远快于类似库，据估计比 Windi CSS 或 Tailwind JIT 快五倍。它兼具高效和轻量，整个库在压缩并开启 Brotli 后约为 6kb，且没有任何依赖，因此对浏览器十分友好。
该框架提供多种功能来改善开发体验，包括用于组合工具类的快捷方式、支持在属性中组合工具类的 attributify 模式、可通过单个类轻松实现的纯 CSS 图标，以及便于复用工具类的高级 CSS 指令。此外，检查器工具还提供了交互式方式，可实时调试样式。
UnoCSS 还具备出色的集成能力，支持 Vite、Nuxt、Astro、Webpack 等主流构建工具和工作流。广泛的支持让开发者可以轻松地将 UnoCSS 集成到现有项目中。
UnoCSS 由社区驱动，并提供详尽的文档和教程，帮助开发者轻松掌握其强大功能并应用于项目中。
功能
- 完全可自定义，不依赖核心工具类
- 即时运行，无需解析或扫描
- 轻量，压缩并启用 Brotli 后约为 6kb
- 动态创建工具类别名
- 用于组合工具类的 attributify 模式
- 通过单个类使用纯 CSS 图标
- 支持变体组
- 使用 @apply 复用工具类的 CSS 指令
- 在构建时生成类的编译模式
- 用于调试的交互式检查器
- 与各种开发工具无缝集成
相关项目
Master CSS
这款创新产品改变了 CSS 的编写和应用方式，将简洁性与性能融为一体，助力高效的网页设计与开发。
StyleX
该库采用精简的样式设置方式，通过原子化样式兼顾效率与可维护性。
Tailwind CSS
一款实用工具优先的 CSS 框架，提供丰富的类，可直接在标记中构建任意设计，帮助快速创建现代网站，同时让 HTML 整洁且易于维护。
Skeleton
一款灵活且符合无障碍要求的工具包，助力开发现代 Web 应用。
styled-components
一款功能强大的库，让你能够在 JavaScript 中使用 CSS，为组件轻松设置样式。
ChakraUI
借助一套强大、易用且高度可定制的基础组件，快速高效地创建无障碍 Web 应用。
Tamagui
这款库为使用 React 和 React Native 构建 UI 提供了强大方案，兼顾效率与灵活性。