مكونات واجهة المستخدم الخلفية

مكونات وكتل واجهة المستخدم Tailwind CSS المجانية من TailGrids

TailGrids هي مكتبة Tailwind CSS UI الحديثة التي تضم أكثر من 600 مكون وكتل لواجهة Tailwind CSS عالية الجودة، وهي مصممة بشكل مثالي لمواقع الويب الحديثة والصفحات المقصودة وتطبيقات الويب ولوحة المعلومات والتجارة الإلكترونية والمزيد. تتضمن هذه المكتبة جميع مكونات وعناصر واجهة المستخدم الأساسية التي تتوقعها من مكتبة واجهة مستخدم من الدرجة الأولى، مما يضمن تصميمًا متسقًا وسهل الاستخدام، وأمثلة للقوالب، ومكونات النسخ واللصق لـ HTML، وReact، وVue.

الميزات الرئيسية:

• مكتبة واجهة المستخدم الكاملة: تفتخر TailGrids بتشكيلة رائعة تضم أكثر من 600 مكون وكتل لواجهة مستخدم Tailwind CSS.
• دعم الأطر المتعددة: يدعم TailGrids أطر عمل متعددة - HTML، وReact، وVue، مما يلبي مجموعة واسعة من احتياجات التطوير.
• الجودة المتميزة: تم تصميم مكوناتنا بشكل جمالي متسق وحديث، مما يضمن جودة بصرية عالية الجودة.
• سهل الاستخدام: من خلال وظيفة النسخ واللصق البسيطة، يعمل TailGrids على تسريع عملية التطوير، مما يوفر لك الوقت والجهد.
• قابلة للتكيف: تُعد TailGrids مثالية لمجموعة متنوعة من التطبيقات، بما في ذلك مواقع الويب الحديثة والصفحات المقصودة وتطبيقات الويب ولوحات المعلومات ومنصات التجارة الإلكترونية والمزيد.
• إصدار مفتوح المصدر يمكن الوصول إليه: تتيح لك نسختنا المجانية الوصول إلى أكثر من 200 مكون من مكونات واجهة المستخدم بالإضافة إلى جميع المكونات الأساسية.
• قوالب الأمثلة: 14 نموذجًا فريدًا ومتعدد الأغراض متاحًا في HTML وReact.

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

استكشاف كافة المكونات

؟ زيارة الموقع

؟ التوثيق

التثبيت عبر NPM

تأكد من تثبيت Node.js وTailwind CSS قبل حزمة TailGrids NPM. فيما يلي دليل سريع لبدء استخدام Tailgrids:

1. قم بتثبيت حزمة TailGrids NPM:

npm i tailgrids

2. أضف المكوّن الإضافي TailGrids إلى ملف tailwind.config.js الخاص بك:

 module . exports = {
  // Your existing Tailwind CSS configuration goes here

  plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;

3. تصفح المكونات وقم ببساطة بنسخ ولصق المكونات التي تريدها في مشاريعك.

وهذا كل شيء! أنت جاهز لبدء استخدام TailGrids في مشروعك. ترميز سعيد!

⚡ احصل على النسخة الاحترافية

؟ التوثيق التفصيلي ودليل الاستخدام

رد فعل TailAdmin

TailAdmin فيو

️ TailGrids Figma

؟ يدعم

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

سجل التغيير

الإصدار 2.2.1

(أغسطس 2024)

• تمت إضافة منتقي الوقت
• تمت إضافة منتقي التاريخ.

الإصدار 2.2.0

(مايو 2024)

• تمت إضافة أكثر من 80 مكونًا جديدًا.
• تم تحديث دليل النمط الأساسي.
• تمت مراجعة هيكل الملف.
• تعزيز البرنامج المساعد للحد من التبعيات.
• تم تحديث إصدار Tailwind CSS بالإضافة إلى التبعيات الأخرى.

الإصدار 2.1.0

(أكتوبر 2023)

• قدم الوضع المظلم.
• مصقول المكونات الموجودة.
• دمجت بعض المكونات الأساسية.
• تحديث الحزم التابعة.

الإصدار 2.0.0

(فبراير 2023)

• لقد ضاعف هذا الإصدار الرئيسي مكوناتنا، وقدم الوضع المظلم، وقام بتوسيع مكوناتنا وقوالب الأمثلة.
• أكثر من 500 مكون من مكونات واجهة المستخدم Tailwind (+200 تمت إضافتها حديثًا)
• 12 قالبًا (8 تمت إضافتها حديثًا)
• الوضع المظلم لجميع المكونات
• تم تحديث ملف Figma بمكونات واجهة المستخدم الجديدة
• 2 قوالب التجارة الإلكترونية
• 90+ متقدم | المكونات الأساسية والتسويقية وواجهة مستخدم التطبيق
• أكثر من 50 مكونًا لواجهة مستخدم لوحة المعلومات
• أكثر من 100 عنصر للتجارة الإلكترونية

الإصدار 1.1.0

(مارس 2022)

لقد ركزنا على تعزيز تجربة التصميم الخاصة بك من خلال تكامل Figma والقوالب الجديدة.

• 2 قوالب جديدة
• مصدر Figma لمكونات واجهة المستخدم
• أزرار الاستجابة / منفذ العرض
• معرض القوالب المخصصة

الإصدار الأولي

(فبراير 2022)

بدأت الرحلة! أطلقنا TailGrids بأساس قوي من المكونات والقوالب.

• الأولي 300+ مكونات واجهة المستخدم
• نموذجان للنماذج
• حزمة NPM للإصدار مفتوح المصدر

؟ رخصة

الإصدار الأساسي من TailGrids مجاني 100%! ومفتوح المصدر يمكنك استخدامه في مشاريعك الشخصية أو التجارية.

مكونات واجهة المستخدم