Tailwind CSS

Tailwind CSS

يختلف Tailwind عن الأطر مثل Bootstrap أو Foundation أو Bulma حيث إنها ليست مجموعة أدوات واجهة المستخدم.
يختلف Tailwind عن الأطر مثل Bootstrap أو Foundation أو Bulma حيث إنها ليست مجموعة أدوات واجهة المستخدم.لا يحتوي على سمة افتراضية ، ولا توجد مكونات واجهة مستخدم مضمنة.على الجانب الآخر ، ليس لديه أي رأي حول كيفية ظهور موقعك ولا يفرض قرارات تصميم يجب عليك الكفاح من أجل التراجع عنها.إذا كنت تبحث عن إطار عمل يأتي مع قائمة من الأدوات المصممة مسبقًا لإنشاء موقعك معها ، فقد لا يكون Tailwind هو الإطار المناسب لك ، ولهذا السبب لدينا بعض البدائل.ولكن إذا كنت ترغب في أن يبدأ تطبيق ضخم في تصميم مخصص بهويته الخاصة ، فقد يكون Tailwind هو ما تبحث عنه.الأداة المساعدة أولاً - إن إنشاء إطار عمل لإنشاء واجهة مستخدم مخصصة يعني أنه لا يمكنك تقديم أعمال تجريدية على المستوى المعتاد من الأزرار والنماذج والبطاقات وأشرطة التنقل ، وما إلى ذلك.واجهات المستخدم المعقدة دون تشجيع أي موقعين لتبدو متشابهة.سهل الاستخدام للمكونات بينما يمكنك القيام بالكثير مع فئات الأدوات المساعدة فقط ، إلا أن فئة المكونات هي القرار الصحيح في بعض الأحيان.يوفر Tailwind أدوات لاستخراج فئات المكونات من أنماط الأداة المساعدة المتكررة ، مما يجعل من السهل تحديث مثيلات متعددة للمكون من مكان واحد.استجابة لكل المكونات الأساسية تأتي الأداة المساعدة Tailwind أيضًا في النكهات سريعة الاستجابة ، مما يجعل من السهل للغاية إنشاء واجهات سريعة الاستجابة دون ترك HTML.يستخدم Tailwind {شاشة} بديهية: بادئة تسهل ملاحظة الفئات المستجيبة في ترميزك مع الحفاظ على اسم الفئة الأصلي يمكن التعرف عليه وسليمة.مصمم ليتم تخصيصه إذا كان من المنطقي أن يكون قابلاً للتخصيص ، فإن Tailwind يتيح لك تخصيصه.يتضمن ذلك الألوان وأحجام الحدود وأوزان الخطوط وأدوات التباعد ونقاط التوقف والظلال وأطنان أخرى.يتم كتابة Tailwind في PostCSS وتهيئتها في JavaScript ، مما يعني أن لديك القدرة الكاملة للغة برمجة حقيقية في متناول يدك.Tailwind هو أكثر من مجرد إطار CSS ، إنه محرك لإنشاء أنظمة التصميم.
tailwind-css

موقع الكتروني:

المميزات

التصنيفات

بدائل Tailwind CSS لجميع المنصات مع أي ترخيص

Cascade Framework

Cascade Framework

على الرغم من أن الشكل والمظهر العام مستوحى من Twitter Bootstrap ، إلا أن Cascade framework ليس مجرد نسخة أخرى من Bootstrap.
  • تطبيق مجاني
  • Web
Material Components for the Web

Material Components for the Web

مكونات المواد للويب (MDC Web) تساعد المطورين على تنفيذ تصميم المواد.
  • تطبيق مجاني
  • Web
Wing framework

Wing framework

Wing عبارة عن إطار CSS بسيط يوفر قاعدة من الأنماط ، ولا تحتاج حتى إلى معرفة أسماء فئة gazillion ، وسيتم تصميم جميع العناصر الخاصة بك تلقائيًا.
Amazium

Amazium

نظام شبكي 960 مع 12 عمودًا للتصميم المتجاوبملف PSD الذي يحتوي على إعداد شبكة 960 لك استنادًا إلى 32px مزاريب / هوامش.
  • تطبيق مجاني
  • Web
Basis

Basis

تطوير كود نظيف ======================
Shine CSS Framework

Shine CSS Framework

إطار CSS بسيط وخفيف الوزن.
  • تطبيق مجاني
  • Web
Creative Tim

Creative Tim

يوفر Creative Tim عناصر تصميم تستند إلى Bootstrap تعمل على تسريع أعمال التطوير.من الإضافات إلى مجموعات معقدة ، لدينا كل ما تحتاجه.
  • تطبيق شخصي مجاني
  • Web
Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System

Frow هو إطار HTML و CSS لإنشاء مشاريع سريعة ومتجاوبة وأول تطبيقات الجوال على الويب.
Fluid Baseline Grid

Fluid Baseline Grid

نظام الشبكة الأساسي Fluid هو مجموعة تطوير HTML5 و CSS3 توفر أساسًا متينًا لتصميم مواقع الويب بسرعة وسهولة.
  • تطبيق مجاني
  • Web
Gridless

Gridless

Gridless هي عبارة عن كود HTML5 و CSS3 اختياري لإنشاء مواقع ويب متفاعلة ومتجاوبة لأول مرة مع الطباعة الجميلة.
  • تطبيق مجاني
  • Web
Structure (a declarative Flexbox based Grid Framework)

Structure (a declarative Flexbox based Grid Framework)

الهيكل عبارة عن إطار شبكي يستند إلى Flexbox.الهيكل يحدد التخطيط باستخدام سمات غير قياسية على العناصر.
Photon UI Kit

Photon UI Kit

الفوتون: أسرع طريقة لإنشاء تطبيقات إلكترون جميلة باستخدام HTML و CSS بسيط.
Variable Grid System

Variable Grid System

يعد نظام الشبكة المتغير طريقة سريعة لإنشاء شبكة CSS أساسية لموقعك.يعتمد ملف CSS الذي تم إنشاؤه على نظام الشبكة 960.
  • تطبيق مجاني
  • Web
GenesisUI

GenesisUI

قوالب إدارة Bootstrap على المنشطات!مجموعة من قوالب إدارة bootstrap المتميزة.