انتقل إلى المحتوى

daisyUI

مكوّن
Website (يفتح في علامة تبويب جديدة) GitHub (يفتح في علامة تبويب جديدة) npm (يفتح في علامة تبويب جديدة)

daisyUI هي مكتبة مكونات قوية، صُممت خصيصًا لتتكامل بسلاسة مع Tailwind CSS. وتعزز إعداد Tailwind القياسي بتوفير مجموعة من أسماء الأصناف الدلالية التي تتيح للمطورين إنشاء مواقع جذابة بسرعة وكفاءة أكبر.

تقلل هذه المكتبة إلى حد كبير من أسماء أصناف الأدوات المتكررة التي يكتبها المطورون عادةً في مشاريع Tailwind CSS. فبدلًا من تجميع سلاسل طويلة ومعقدة من أسماء الأصناف للعناصر الأساسية، يمكنك استخدام أسماء أصناف دلالية مثل 'btn' و'card' و'toggle'، ما يجعل الكود أسهل قراءة وصيانة.

ومن خلال إضافة وظائفها إلى Tailwind CSS، لا تبسّط daisyUI عملية التطوير فحسب، بل توفر أيضًا خيارات للتخصيص تتيح للمطورين الالتزام بمتطلبات تصميمهم. المكتبة مستقلة تمامًا عن الأطر، ما يعني أنها تعمل مع جميع أطر JavaScript دون الحاجة إلى حزمة JavaScript، ويمكن تثبيتها بسهولة كتبعية للتطوير.

الميزات

  • تطوير أسرع
  • HTML أنظف
  • قابل للتخصيص
  • قابل لتنسيق السمات
  • CSS خالص، دون الاعتماد على JS
  • يعمل مع جميع الأطر
  • ألوان دلالية
  • أسماء أصناف أقل بنسبة 80%
  • حجم HTML أصغر بنسبة 74%
  • قابل للتخصيص بدرجة كبيرة باستخدام أصناف الأدوات
  • طبّق سمات فريدة فورًا

عناصر ذات صلة

Skeleton

مجموعة أدوات متكيفة ومتاحة للجميع تعزز تطوير تطبيقات الويب الحديثة.

ChakraUI

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

flowbite

مكتبة مفتوحة المصدر تعزز مشاريع الويب بمكوّنات UI متجاوبة وقابلة للتخصيص.

shadcn/ui

مجموعة قوية من مكونات UI يمكن دمجها بسرعة في تطبيقاتك لتعزيز جماليتها ووظائفها.

HeadlessUI

مجموعة من مكوّنات UI التي تراعي إمكانية الوصول، ومصممة لتتكامل بسهولة مع أنظمة التصميم الحديثة.

Mantine

حل متكامل لتطوير واجهات مستخدم سهلة الوصول ومتجاوبة بسرعة وكفاءة.

Preact

بديل سريع لـ React يحتفظ بالوظائف الحديثة والحجم الصغير لتطوير ويب فعّال.

PrimeVue

مجموعة غنية من مكوّنات UI مفتوحة المصدر، مصممة لبناء تطبيقات Vue.js بسلاسة وكفاءة.