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';
237.34KB
文件大小:
评论区