All UtilityCSS؛ منابع Tailwind یکجا
فرانتاندClaude Opus 5خلاصهٔ کاملتر
All UtilityCSS یه دایرکتوری منابع Tailwind CSSه که تیمش میگه هدفش حذف کارهای تکراری اول پروژهست. به جای اینکه هر بار نوبار و مودال و فرم رو از صفر بزنی، از بین منابع آماده یکی رو برمیداری و با کلاسهای یوتیلیتی Tailwind (یعنی همون کلاسهای تککاره که مستقیم تو HTML مینویسی) شخصیسازیش میکنی. تو معرفی سایت اومده که همهٔ منابع دستی بررسی میشن تا از نظر پرفورمنس و دسترسپذیری قابل اتکا باشن.
مجموعه الان بالای ۱۸۱ منبع داره که تو چهار دستهٔ اصلی تقسیم شدن: Components با ۶۹ مورد، Tools با ۶۱ مورد، Templates با ۵۴ مورد و Blocks با یه مورد. فیلترها ریزتر هم میشن؛ مثلاً ۳۷ منبع فرم و اینپوت، ۴۰ کامپوننت لایهبندی و ۲۱ داشبورد ادمین. از نظر UI Kit هم Tailwind UI با ۱۵۷ مورد و Shadcn UI با ۲۳ مورد بیشترین سهم رو دارن.
بخش قابل توجه معرفی، تکیه روی Tailwind CSS v4 هست. تو متن سایت به موتور جدید Oxide اشاره شده که کامپایل CSS رو تا حد میلیثانیه پایین میآره، به tree-shaking پیشرفته که استایلهای استفادهنشده رو از خروجی حذف میکنه، و به یوتیلیتیهای بومی برای CSS variables و ویژگیهای تازهای مثل accent-* و caret-*. کانفیگ tailwind.config.js هم سادهتر شده.
به گفتهٔ سایت، این منابع بیشتر به درد فریلنسرها، استارتاپهایی که دنبال MVP سریعن و تیمهایی میخوره که طراح و برنامهنویسشون باید یه زبان مشترک داشته باشن. خودشون هم قبول دارن که کدنویسی از صفر کنترل کاملتر و درک عمیقتری از کدبیس میده و برای پروژههای خیلی خاص بهتره. نکتهٔ عملی اینه که بخشی از منابع رایگان و بخشی Premiumه، پس قبل از برداشتن یه مورد باید لایسنسش رو چک کنی.
نکات کلیدی:
- بیش از ۱۸۱ منبع Tailwind تو چهار دستهٔ Components (۶۹)، Tools (۶۱)، Templates (۵۴) و Blocks (۱)
- Tailwind UI با ۱۵۷ مورد پرتکرارترین UI Kit مجموعهست و بعدش Shadcn UI با ۲۳ مورد
- موتور Oxide تو Tailwind v4 زمان کامپایل CSS رو به میلیثانیه میرسونه
- فیلتر بر اساس نوع منبع، استک تکنولوژی (Alpine JS، Angular، Astro، Laravel و بقیه) و UI Kit
- منابع ترکیبی از رایگان و Premiumه و هر کسی میتونه منبع خودش رو ثبت کنه
