sira

英语| 中文

Sira是一个开源，高度可自定义且可访问的设计系统，目前提供了TailWindCSS组件类名称库。

我们的主要目标是创建一个可用于构建各种网站和应用程序的系统，同时为我们的最终用户提供一致且包容的用户体验。此外，设计系统和组件库应易于用于开发人员和设计人员。

• 网站 - 阅读有关Sira的更多信息。
• 操场 - 与Codepen中的Sira编辑和播放的快速方法。

特征

• 由您自己的品牌定制
• 轻/暗模式设计
• parwindcss插件组件

安装

NPM

npm install @sira-ui/tailwind

CDN

 < 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插件。
• 使用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
• parwindcss
• 反应
• Nextra
• Turborepo
• Postcss
• Chroma-JS
• Ripple UI
• daisyui

反馈

如果您有任何反馈，请通过[email protected]与我联系

维护者

• Ricco Xie

执照

Apache许可证2.0