sira

Anglais | 中文

SIRA est un système de conception open source, hautement personnalisable et accessible, qui fournit actuellement la bibliothèque de nom de classe de composants TailWindCSS.

Notre objectif principal est de créer un système qui peut être utilisé pour créer une grande variété de sites Web et d'applications, tout en offrant une expérience utilisateur cohérente et inclusive à nos utilisateurs finaux. De plus, le système de conception et la bibliothèque de composants doivent être faciles à utiliser pour les développeurs et les concepteurs.

• Site Web - En savoir plus sur Sira.
• Playground - chemin rapide pour modifier et jouer avec Sira dans Codepen.

Caractéristiques

• Personnalisable par votre propre marque
• Conception de mode clair / sombre
• Composants du plugin tailwindcss

Installation

NPM

npm install @sira-ui/tailwind

Monnaie

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/@sira-ui/tailwind/dist/css/styles.css " />
< script src =" https://cdn.tailwindcss.com " > </ script >

Usage

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

Principe

• Utilisez le compilateur PostCSS et Tailwind pour convertir le code CSS de base avec des classes de vent arrière au plugin TailwindCSS.
• Utilisez le sélecteur de combinaison CSS pour organiser la couche de composants.
• Le thème colorifie par élément racine CSS de style CSS, et également remplacé par chaque couche.

Développement

Cloner le projet

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

Aller au répertoire du projet

 cd sira

Installer des dépendances

pnpm install

Démarrer le serveur

pnpm run dev

Contributif

Les contributions sont toujours les bienvenues!

Voir contributing.md pour les moyens de commencer.

Veuillez respecter code of conduct de ce projet.

Si vous avez des idées sur la façon dont nous pourrions améliorer ce Readme ou le projet en général, faites-nous en savoir ou en contribuer!

Empiler avec ♥

Merci à ces projets suivants pour avoir fourni les dépendances et inspirations supplémentaires qui nous aident à créer ce projet.

• @ Riccox / Collify
• Nodejs
• Tailwindcss
• Réagir
• Nextra
• Turborepo
• Postcss
• chroma-js
• Ui Ripple
• marguerite

Retour

Si vous avez des commentaires, veuillez me contacter à [email protected]

Maintient

• Ricco Xie

Licence

Licence Apache 2.0