الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

الإنجليزية | 中文

Sira هو نظام تصميم مفتوح المصدر ، قابل للتخصيص للغاية ويمكن الوصول إليه ، والذي يوفر حاليًا مكتبة اسم فئة مكون TailwindCSS.

هدفنا الأساسي هو إنشاء نظام يمكن استخدامه لإنشاء مجموعة واسعة من مواقع الويب والتطبيقات ، مع توفير تجربة مستخدم ثابت وشاملة لمستخدمينا النهائيين. بالإضافة إلى ذلك ، يجب أن يكون نظام التصميم ومكتبة المكون سهلة الاستخدام للمطورين والمصممين.

  • الموقع - اقرأ المزيد عن Sira.
  • Playground - طريقة سريعة لتحرير واللعب مع Sira في Codepen.

سمات

  • قابلة للتخصيص من قبل علامتك التجارية
  • تصميم الوضع الخفيف/الظلام
  • 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 لتحويل رمز CSS الأساسي مع فئات Tailwind إلى البرنامج المساعد Tailwindcss.
  • استخدم محدد CSS لتنظيم طبقة المكونات.
  • تلوين السمة بواسطة متغيرات نمط العنصر الجذر CSS ، وكذلك المبالغة في كل طبقة.

تطوير

استنساخ المشروع 

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

انتقل إلى دليل المشروع 

 cd sira

تثبيت التبعيات 

pnpm install

ابدأ الخادم 

pnpm run dev

المساهمة

المساهمات دائما موضع ترحيب!

انظر contributing.md للحصول على طرق للبدء.

يرجى الالتزام code of conduct هذا المشروع.

إذا كان لديك أفكار حول كيفية تحسين هذا ReadMe أو المشروع بشكل عام ، فأخبرنا أو المساهمة ببعض!

مكدس مع ♥

بفضل هذه المشاريع التالية لتوفير التبعيات والإلهام الإضافية التي تساعدنا على إنشاء هذا المشروع.

  • @RICCOX/colorify
  • Nodejs
  • Tailwindcss
  • رد فعل
  • Nextra
  • Turborepo
  • postcss
  • Chroma-JS
  • تموج واجهة المستخدم
  • ديزيوي

تعليق

إذا كان لديك أي ملاحظات ، يرجى التواصل معي على [email protected]

المشرفون

  • ريكو شيه

رخصة

ترخيص Apache 2.0

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل