123
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 لجميع المنصات مع أي ترخيص

Bootstrap

Bootstrap

Bootstrap عبارة عن مجموعة مفتوحة المصدر من الأدوات لإنشاء مواقع وتطبيقات المتصفح.
Foundation

Foundation

الأساس هو إطار سهل الاستخدام وقوي ومرن لبناء نماذج أولية سريعة ورمز الإنتاج على أي نوع من الأجهزة.
  • تطبيق مجاني
  • Web
Semantic UI

Semantic UI

الدلالي تمكن المصممين والمطورين من خلال إنشاء مفردات مشتركة لواجهة المستخدم.
  • تطبيق مجاني
Bulma

Bulma

إطار CSS حديث قائم على Flexbox.
UIkit

UIkit

إطار أمامي خفيف الوزن وموحد وحدات لتطوير واجهات ويب سريعة وقوية.
  • تطبيق مجاني
  • Web
Materialize

Materialize

Materialize هو إطار CSS حديث استجابة يستند إلى تصميم المواد من Google
  • تطبيق مجاني
  • Web
jQuery Mobile

jQuery Mobile

نظام واجهة مستخدم موحد يستند إلى HTML5 لجميع أنظمة الأجهزة المحمولة الشائعة ، مبني على أساس jQuery الصخري ومؤسسة jQuery UI.
Skeleton

Skeleton

Skeleton عبارة عن مجموعة صغيرة من ملفات CSS و JS التي يمكن أن تساعدك في تطوير المواقع التي تبدو جميلة بأي حجم ، سواء كانت شاشة كمبيوتر محمول بحجم 17 بوصة أو جهاز iPhone.
  • تطبيق مجاني
  • Web
Purecss

Purecss

مجموعة من وحدات CSS الصغيرة والمستجيبة التي يمكنك استخدامها في كل مشروع ويب.
  • تطبيق مجاني
  • Web
Metro UI CSS

Metro UI CSS

Metro UI CSS مجموعة من الأساليب لإنشاء موقع بواجهة مشابهة لنظام التشغيل Windows 8.
Slides Framework

Slides Framework

الشرائح هي إطار HTML و CSS بسيط وقوي يتيح لك بسهولة إنشاء مواقع ثابتة ثابتة بفضل إعداد وحدات مرن.
Gridlex

Gridlex

بسيط.قوة.استجابة.مرونة.استنادًا إلى Flexbox (CSS Flexible Box Layout Module) ، يعد Gridlex نظامًا بسيطًا للغاية لشبكة css لإنشاء تخطيطات ووحدات فرعية حديثة بسرعة.
MUI

MUI

MUI هو إطار HTML / CSS / JS خفيف الوزن يتبع إرشادات تصميم المواد من Google.
  • تطبيق مجاني
HTML KickStart

HTML KickStart

HTML KickStart عبارة عن مجموعة فائقة الصغر من ملفات HTML5 و CSS و jQuery (javascript) والتخطيطات والعناصر المصممة لتمنحك بداية رائعة وتوفر لك ساعات عديدة في المرة القادمة ...
  • تطبيق مجاني
  • Web
GroundworkCSS

GroundworkCSS

GroundworkCSS عبارة عن HTML5 و CSS و JavaScript Framework.