Styles: 轻量级、框架无关的 CSS-in-JS 方案

想找一个简洁高效,又不依赖框架的 CSS-in-JS 库?试试 Styles 吧!

主要特点:

  • 轻量级: 代码量极小,功能却很全面。
  • 框架无关: 无论你喜欢 React、Preact、Vue 还是 Svelte,都能完美兼容。
  • TypeScript 支持: 提供类型安全的 CSS 变量和样式定义。
  • 灵活的主题: 使用设计标记(CSS 变量)和选择器轻松构建主题。
  • 自动添加浏览器前缀: 无需手动添加,Styles 会自动处理。
  • 高效的服务器渲染: 缩小服务器渲染体积,提升页面加载速度。
  • 便捷的全局样式管理: 轻松添加和删除全局样式。
  • 快速上手: 简单易懂的 API,助你快速上手。

安装:

npm i @dash-ui/styles

示例 (React):

import * as React from 'react';
import { styles } from '@dash-ui/styles';
zip 文件大小:237.34KB