daisyUI
کتابخانهٔ کامپوننت برای Tailwind CSS. کلاسهای کوتاه و معنایی مثل دکمه و کارت را اضافه میکند تا نشانهگذاری شلوغ نشود، ولی هر جا لازم شد میتوانید با کلاسهای Tailwind بازنویسی کنید.
معرفی محصول
رایجترین گلایه از Tailwind این است که نشانهگذاری پر از کلاس میشود. daisyUI روی همان Tailwind یک لایهٔ کامپوننت میگذارد: یک کلاس کوتاه بهجای ده کلاس کاربردی، بدون اینکه انعطاف Tailwind را از دست بدهید.
کاربرد اصلی
بهعنوان افزونهٔ Tailwind نصب میشود. سپس کامپوننتها با کلاسهای ساده در دسترساند و میتوانید همزمان کلاسهای Tailwind را برای تنظیم دقیق کنارشان بگذارید.
مناسب چه کسانی است
برای تیمهایی که Tailwind را انتخاب کردهاند ولی نمیخواهند هر کامپوننت پایه را از صفر بسازند. اگر از Tailwind استفاده نمیکنید، این ابزار بهتنهایی کاربردی ندارد.
مزایا
دهها پوستهٔ آماده دارد که با تغییر یک صفت روی تگ ریشه عوض میشوند و حالت تیره را عملاً رایگان میدهند. چون فقط CSS تولید میکند، هیچ جاوااسکریپتی به پروژه اضافه نمیشود.
اطلاعات فنی
- سازنده: Pouya Saadeghi
- لایسنس: MIT
- پیشنیاز: پروژهٔ راهاندازیشده با Tailwind CSS و Node.js
لایسنس و اجازهٔ استفاده
این محصول تحت لایسنس MIT منتشر شده است؛ یعنی استفادهٔ رایگان، تغییر و استفادهٔ تجاری طبق شرایط همان لایسنس مجاز است. پیش از استفاده در پروژهٔ تجاری، متن کامل لایسنس را در منبع رسمی ببینید.
منبع رسمی
زوانو این فایل را بازنشر نمیکند؛ دانلود مستقیماً از منبع رسمی سازنده انجام میشود تا همیشه آخرین نسخهٔ اصلی و دستنخورده را بگیرید.
- وبسایت رسمی: https://daisyui.com/
- مخزن کد: https://github.com/saadeghi/daisyui
- مستندات: https://daisyui.com/docs/
�
تنباز و رایگان
لایسنس MIT
کلاسهای کوتاه کا�
پوننت
نشانهگذاری ت�
یزتر
پوستههای آ�
اده
تغییر ظاهر کل سایت با یک صفت
حالت تیرهٔ آ�
اده
بدون تعریف دستی رنگها
بدون جاوااسکریپت
فقط تولید CSS
قابل بازنویسی
ترکیب آزاد با کلاسهای Tailwind
سازگار با RTL
پشتیبانی از چید�
ان راستبهچپ
- ابتدا Tailwind CSS را در پروژه راهاندازی کنید.
- daisyUI را با npm نصب و بهعنوان افزونهٔ Tailwind معرفی کنید.
- پوستهٔ دلخواه را در تنظیمات فعال کنید.
- کلاسهای کامپوننت را در نشانهگذاری به کار ببرید.
هنوز دیدگاهی ثبت نشده است
اولین کسی باشید که تجربهاش را از این محصول مینویسد.
محصولات مرتبط
Tailwind CSS
فریمورک CSS مبتنی بر کلاسهای کاربردی. بهجای کامپوننت آماده، قطعههای کوچک سبکدهی میدهد و شما ظاهر دلخواه را مستقیم در نشانهگذاری میسازید؛ خروجی نهایی فقط شامل کلاسهای استفادهشده است. طراحی اختصاصی بدون جنگیدن با سبکهای از پیش تعیینشده ممکن میشود.
Open Props
مجموعهای از متغیرهای آمادهٔ CSS برای رنگ، سایه، اندازه، تایپوگرافی، شتابدهی و انیمیشن. فریمورک نیست؛ فقط توکنهای طراحی میدهد تا سامانهٔ ظاهری خودتان را سریع بسازید. با هر فریمورک دیگری یا با CSS خالص کنار میآید.
Normalize.css
یک فایل CSS کوچک که تفاوتهای پیشفرض مرورگرها را یکسان میکند. برخلاف بازنشانیهای کامل، سبکهای مفید را نگه میدارد و فقط ناهماهنگیها را برطرف میکند. پیش از سبکهای خودتان بارگذاری میشود و نقطهٔ شروع را یکسان میکند.
Bootstrap
شناختهشدهترین فریمورک CSS جهان. شبکهٔ واکنشگرا، کامپوننتهای آماده و ابزارهای کمکی را در یک بسته میدهد و از نسخهٔ ۵ پشتیبانی راستبهچپ در خودش تعبیه شده است. مستندات کامل و جامعهٔ بزرگش عیبیابی را ساده میکند.