sira

Englisch | 中文

Sira ist ein Open -Source -, hoch anpassbarer und zugängliches Designsystem, das derzeit die Bibliothek von Tailwindcss -Komponentenklassen anbietet.

Unser Hauptziel ist es, ein System zu erstellen, mit dem eine Vielzahl von Websites und Apps erstellt und gleichzeitig unsere Endbenutzer ein einheitliches und integratives Benutzererlebnis bieten können. Darüber hinaus sollte die Entwurfssystem und die Komponentenbibliothek für Entwickler und Designer einfach zu bedienen sein.

• Website - Lesen Sie mehr über Sira.
• Spielplatz - Schnelle Möglichkeit zum Bearbeiten und Spielen mit Sira in Codepen.

Merkmale

• Anpassbar von Ihrer eigenen Marke
• Hell/Dunkel -Modus -Design
• Tailwindcss -Plugin -Komponenten

Installation

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 >

Verwendung

 < button class =" btn solid success " > Success </ button >

Prinzip

• Verwenden Sie den POSTCSS & Tailwind Compiler, um den Basis -CSS -Code mit Packwind -Klassen in das TailwindCSS -Plugin zu konvertieren.
• Verwenden Sie CSS -Kombinationsauswahl, um die Komponentenschicht zu organisieren.
• Das Thema Colourify nach Root -Element -CSS -Stilvariablen und auch von jeder Ebene überschrieben.

Entwicklung

Klonen Sie das Projekt

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

Gehen Sie zum Projektverzeichnis

 cd sira

Abhängigkeiten installieren

pnpm install

Starten Sie den Server

pnpm run dev

Beitragen

Beiträge sind immer willkommen!

Sehen Sie, wie Sie den contributing.md haben, um zu beginnen.

Bitte halten Sie den code of conduct dieses Projekts.

Wenn Sie Ideen dafür haben, wie wir dieses Readme oder das Projekt im Allgemeinen verbessern können, lassen Sie es uns einige wissen oder beibringen!

Stapel mit ♥

Dank dieser folgenden Projekte für die Bereitstellung der zusätzlichen Abhängigkeiten und Inspirationen, die uns helfen, dieses Projekt zu erstellen.

• @Riccox/Colorify
• Nodejs
• Rückenwindcss
• Reagieren
• Nextra
• Turborepo
• Postcss
• Chroma-Js
• Ripple UI
• Daisyui

Rückmeldung

Wenn Sie Feedback haben, wenden Sie sich bitte an mich unter [email protected]

Betreuer

• Ricco Xie

Lizenz

Apache -Lizenz 2.0