sira

英語| 中文

SIRAは、オープンソースで、高度にカスタマイズ可能でアクセス可能な設計システムであり、現在TailWindCSSコンポーネントクラス名ライブラリを提供しています。

私たちの主な目標は、さまざまなWebサイトやアプリを構築するために使用できるシステムを作成し、エンドユーザーに一貫した包括的なユーザーエクスペリエンスを提供することです。さらに、設計システムとコンポーネントライブラリは、開発者とデザイナーにとって使いやすいものでなければなりません。

• ウェブサイト - シラの詳細を読んでください。
• Playground- CodepenでSiraで編集および再生するための迅速な方法。

特徴

• 独自のブランドでカスタマイズできます
• ライト/ダークモードのデザイン
• TailWindCSSプラグインコンポーネント

インストール

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コンパイラを使用して、Tailwindクラスを使用して基本的なCSSコードをTailWindCSSプラグインに変換します。
• CSSコンビネーションセレクターを使用して、コンポーネントレイヤーを整理します。
• ルート要素CSSスタイルの変数によるテーマのColorify、および各レイヤーによっても上向きになります。

発達

プロジェクトをクローンします

git clone https://github.com/riazer-lab/sira.git

プロジェクトディレクトリに移動します

 cd sira

依存関係をインストールします

pnpm install

サーバーを起動します

pnpm run dev

貢献

貢献はいつでも大歓迎です！

開始する方法については、 contributing.mdを参照してください。

このプロジェクトのcode of conductを遵守してください。

このReadmeまたはプロジェクト全般をどのように改善できるかについてのアイデアがある場合は、お知らせまたは貢献してください！

♥でスタックします

このプロジェクトの作成に役立つ追加の依存関係とインスピレーションを提供してくれたこれらの以下のプロジェクトに感謝します。

• @riccox/colerify
• nodejs
• Tailwindcss
• 反応します
• Nextra
• Turborepo
• postcss
• クロマJS
• リップルUI
• daisyui

フィードバック

フィードバックがある場合は、[email protected]にご連絡ください。

メンテナー

• リッコXie

ライセンス

Apacheライセンス2.0