中文 | English
Sira 是一个开源、可高度自定义、可访问的设计系统, 目前提供 Tailwindcss 组件库.
我们的主要目标是创建一个可用于构建各种网站和应用程序的系统，同时为终端用户提供一致和包容的用户体验。 此外，设计系统和组件库应易于开发人员和设计者使用。
- 品牌自定义
- 明暗模式主题切换
- 提供 Tailwindcss 插件
npm install @sira-ui/tailwind<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sira-ui/tailwind/dist/css/styles.css"/>
<script src="https://cdn.tailwindcss.com"></script><button class="btn solid success">Success</button>- 使用 postcss & tailwind 编译器将基础CSS样式代码（tailwindcss）转换为Tailwindcss插件.
- 使用CSS组合选择器来组织组件层级样式.
- 通过根节点的CSS变量储存主题颜色，同时支持CSS层级覆写.
克隆这个仓库
git clone https://github.com/riazer-lab/sira.git前往项目目录
cd sira安装依赖
pnpm install启动开发服务
pnpm run dev我们一直欢迎各种贡献参与！
查看 contributing.md 来开始参与贡献.
请遵守本项目的“行为准则”(code of conduct)。
如果您对如何改进本自述文件或项目有什么想法，请告诉我们 或贡献一些!
感谢以下项目提供了帮助我们创建此项目的依赖和灵感。
- @riccox/colorify
- NodeJS
- TailwindCSS
- React
- Nextra
- TurboRepo
- Postcss
- chroma-js
- Ripple UI
- daisyUI
如果你有任何反馈意见建议, 请通过 hi@riazer.com 联系我。