موصى به, 2023

اختيار المحرر

20 أفضل أطر الأمامية لإنهاء Bootstrap البديل

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

في الوقت الحاضر ، ازداد عدد الأطر بشكل كبير ، وكما تعلم ، فإن Bootstrap من Twitter هو على أعلى الترتيب. لمساعدتك في اختيار أنسب إطار للاستخدام ، قمنا بإدراج 21+ أفضل أطر متاحة اليوم لبديلة Bootstrap . أنها توفر ميزات فريدة ومثيرة التي تختلف عن بعضها البعض. الدفع!

1. نقي

إذا كنت تخطط لإنشاء تطبيق ويب يعمل على سطح المكتب والجوال على حد سواء ، فيجب عليك التفكير في استخدام Pure من Yahoo. يتمتع Pure بأداء أفضل كثيرًا عندما يتعلق الأمر بالأجهزة المحمولة من Bootstrap. كما يوحي اسمها ، يأتي Pure كإطار CSS خالص فقط. بناء على Normalize.css ، يحتوي Pure على حجم ملف صغير للغاية مع 4.5KB فقط (minified و gzip) .

2. مجموعة واجهة المستخدم

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

3. MontageJS

MontageJS عبارة عن إطار أمامي مفتوح المصدر مجاني متخصص لإنشاء تطبيقات أحادية الصفحة (SPA) . من خلال الاستفادة من أساس العديد من تطبيقات الإطار المثبتة ، ستقوم المونتاج بتبسيط عملية التطوير الخاصة بك بينما لا تزال شفرات HTML التعبيرية قابلة للصيانة. مع MontageJS ، يمكنك مزامنة تحديثات DOM لتجربة مستخدم أكثر سلاسة ، وبناء وتوسيع مكونات واجهة المستخدم التي يمكن إعادة استخدامها وأكثر من ذلك.

4. العمل الأساسي

العمل الأساسي هو إطار أمامي خفيف الوزن ومرن وسريع الاستجابة تم إنشاؤه وصيانته بواسطة Gary Hepting . مبنية على قمة ساس و البوصلة ، تقدم Groundwork نظام شبكة رائع مرن وسائل ومحبوب . باستخدام نظام الشبكة الخاص به ، يمكنك إنشاء أي نوع تخطيط للتنسيق يلائم أي حجم للشاشة.

5. جمبى

Gumby هو إطار مرن وسريع الاستجابة مبني بقوة Sass لتطوير أسرع للويب. يسمح لك هذا الجهاز بتعديل وتخصيص تصميم مجموعة واجهة المستخدم بالكامل لتلبية تفضيلاتك المفضلة. لدى Gumby أنواع متعددة من الشبكات مع اختلافات مختلفة في الأعمدة ، ولكن Gumby يأتي بشكل افتراضي مع نظام شبكة 960.

6. HTML5 Boilerplate

تمامًا مثل اسمها ، يوفر HTML5 Boilerplate نموذجًا جاهزًا لـ HTML5 تم تحسينه بحيث يلبي معظم ميزات HTML الجديدة القياسية. باستخدام هذا القالب ، يمكنك إنشاء موقع سريع وقوي وسريع الاستجابة قادر على التكيف مع أي نوع من المتصفحات ، حتى المتصفحات القديمة مثل Internet Explorer.

7. الهيكل العظمي

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

8. Bootflat

Bootflat هو إطار CSS مفتوح المصدر تم بناؤه باستخدام Bootstrap 3 القوي. تم تصميم Bootflat لإنشاء تصميم موقع مسطح مذهل بطريقة أسرع وأسهل وأقل تكرارًا . لذلك ، تأتي مجموعة أدوات واجهة المستخدم الخاصة بها مع حزمة واجهة المستخدم الجميلة PSD التي يمكنك استخدامها على موقع الويب الخاص بك أو iOS أو Android.

9. الإنويت

يُعد Inuit.css أحد الأخصائيين الآخرين في CSS التي تركز على أسلوب Mobile First وترك كل التصميم لك. في حين أن العديد من الأطر الأخرى تأتي مع تصميمها المدمج في CSS ، فإن Inuit.css لا تفعل ذلك. يعمل Inuit.css في طريقة OOCSS (Object Oriented CSS) وهي طريقة سريعة وقابلة للتطوير وقابلة للصيانة لكتابة CSS قابلة لإعادة الاستخدام.

10. نظام 960 الشبكة

960 Grid System هو إطار أمامي يمكن من خلاله تسهيل سير عمل تطوير الويب الخاص بك استنادًا إلى حاوية بعرض 960 بكسل. يمكن بعد ذلك تقسيم الحاوية إلى 12 أو 16 أو حتى 24 عمودًا لتسهيل عرض المحتوى.

11. تتحقق

لقد تم إنشاء Materialize استنادًا إلى مبادئ التصميم متعدد الأبعاد من Google ، حيث تم وضع إطار أمامي مستجيب حديث. هذا الإطار مناسب جدًا لأولئك الذين يرغبون في تنفيذ مظهر ومظهر التصميم متعدد الأبعاد في موقعهم على الويب دون أي تعقيد. ويتميز بتصميم البطاقة ، والرسوم المتحركة تأثير مضاعف ، Sass mixin ، سحب القائمة المتنقلة وغيرها الكثير.

12. جيت

جيت هو نظام شبكة سريعة ومرنة وأكثر تطوراً متوفرة اليوم. Jeet يساعدك على بناء شبكات على الطاير بطريقة بديهية ، نظيفة ،. وهو يدعم تقريبا جميع المتصفحات الحديثة والقديمة.

13. سوسي

Susy هو نظام شبكة آلي يمكن أن يساعدك في إنشاء تخطيط ويب في أي نوع من الأعمدة التي تريدها. يمنحك الحرية والمرونة لبناء التصميم الذي تختاره. إنها قادرة على التعامل مع ما إذا كان تصميمك يحتوي على 5 أو 12 أو 24 أو 48 أو أعمدة غير متساوية.

14. مترو UI

Metro UI هو إطار عمل يستند إلى 12 شبكة مستوحى من واجهة نمط Windows 8 Metro. إنه سهل الاستخدام للغاية ولديه أسلوب مع مجموعة من المكونات الشائعة مثل الزر ، والبلاط ، والقائمة ، ومنتقي التاريخ ، وأكثر من ذلك بكثير. هناك أيضا قالب بوابة الأخبار لتبدأ بسهولة.

15. HTML كيكستارت

HTML KickStart هو نمطي HTML ، CSS ، وجافا سكريبت فائق التطور لتطوير الويب بشكل أسرع. تم تطوير HTML KickStart استنادًا إلى Twitter Bootstrap مع دعم الرمز من Font Awesome. مع وجود قائمة جاهزة وقائمة وجداول وأزرار ونظام شبكة والعديد من العناصر الرائعة ، سوف تقوم بحفظ عملية إنشاء مشروع الويب الخاص بك لمدة تصل إلى 10 ساعات أو أكثر.

16. شبكة بسيطة

شبكة بسيطة هو نظام شبكة خفيفة الوزن ، تستجيب للغاية. انها ليست مثل الأطر الأخرى التي لديها هذا الزر الهوى ، والقائمة ، والجدول ، الخ ، تقدم شبكة بسيطة فقط شبكة نقية. تعتمد ميزة الشبكة على حجم شاشة 1140 بكسل مع 12 عمودًا يمكنك تخصيصها للحصول على أفضل تصميم.

17. مؤسسة

من المرجح أن تكون المؤسسة هي أصعب منافس لتويتر بوتراب. إنه إطار أمامي موثق جيد ومستقر ومرن ومفتوح المصدر. يحتوي على العديد من الأدوات المفيدة لإنشاء مشروع الويب الأول المتجاوب والمستجيب بشكل أسرع. وهو يدعم تقريبا جميع المتصفح المتاح اليوم ، باستثناء IE7. على الرغم من أن العديد من المطورين يستخدمون أساسًا HTML و CSS فقط ، إلا أن لديك خيارًا لتوصيله بـ Sass و Rails .

18. المواد واجهة المستخدم

واجهة المستخدم المادية هي إطار آخر يقوم بتنفيذ مواصفات التصميم متعدد الأبعاد . الشيء الوحيد الذي يميزه عن موقع Materialize هو أنه مبني على حب مكتبة React Javascript من Facebook. يحتوي على العديد من مكونات واجهة المستخدم الجميلة التي يمكنك استخدامها بحرية على صفحة الويب الخاصة بك.

19. المعطف الخفيف

TopCoat هو إطار أمامي متين يقوم به فريق Adobe لتطوير تطبيقات الويب المصممة بسرعة. يتم تحسين كل التفاصيل في TopCoat لأداء الأولوية. كما يقدم لك سمة قابلة للتخصيص ، وخط مفتوح المصدر ، وكذلك مجموعة أدوات PSD للاستخدام مع مشروعك.

20. الحبر

إن Ink هو إطار أمامي يتم تطويره من أجل تطوير UI أسرع باستخدام HTML و CSS و Javascript ، تمامًا كما يفعل Bootstrap. يمكنك إنشاء تخطيط حديث بسهولة باستخدام بعض عناصر واجهة قابلة لإعادة الاستخدام مثل الجدول ، علامات التبويب ، منتقي البيانات ، قائمة الوسائط ، قائمة الفرز ، عرض الشجرة ، المعرض ، مدقق النموذج والمزيد. كما يتيح لك أيضًا استخدام نظام DOM للتلاعب ، ومرافق الاتصال وتأثيرات الصفحات الفاخرة باستخدام محرك JS Core الخاص بها.

21. Onsen UI

واجهة المستخدم في Onsen هي إطار عمل مختلط يعمل بشكل جيد مع PhoneGap و Cordova. مع AngularJS و jQuery و Font Awesome و TopCoat كأساس ، يمكن أن تكون واجهة المستخدم Onsen أداة واعدة لتطوير تطبيقات مذهلة للهواتف المحمولة. يمكن أن تساعدك واجهة المستخدم على Usen في إنشاء تطبيقات الجوال بسهولة باستخدام مفهوم مكونات الويب.

أي واحد هو بديل Bootstrap المفضل لديك؟ واسمحوا لنا أن نعرف في التعليقات أدناه.

Top