open-props

用途：为设计系统提供经过验证的 CSS 自定义属性，作为设计令牌（design tokens）使用，无需构建步骤，可在所有现代浏览器中运行。主要能力：提供尺寸与排版、颜色（含 OKLCH 与 HSL 版本）、阴影、渐变、动画、缓动、边框圆角、宽高比、流体字号等模块。使用方式：可通过 npm install open-props 后按模块 @import，例如 @import 'open-props/colors.min.css'; 也可用 CDN，如 <link rel="stylesheet" href="https://unpkg.com/open-props"/>，或直接复制所需数值到自己文件。可按需只导入使用的模块，并映射为语义化项目令牌。限制：资料未说明收费、价格或平台支持范围；使用时需注意只导入必要模块、文档记录所用值、测试深色模式对比度并验证动画性能。