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