رفتن به محتوای اصلی

شروع

مقایسه با دیگران

کاشی در کنار دیزاین‌سیستم‌های فارسی و بین‌المللی؛ با صداقت دربارهٔ جایی که بهترین انتخاب نیست.

جدول مقایسه

  • دارد
  • بخشی یا با تنظیم
  • ندارد
  • اعلام نشده
ویژگیکاشیفارسیFarsi UIفارسیshadcn/uiبین‌المللیMUIبین‌المللیAnt Designبین‌المللی
فارسی و راست‌به‌چپ
راست‌به‌چپدارد، پیش‌فرضدارد، پیش‌فرضبخشی یا با تنظیم، با تنظیم rtlبخشی یا با تنظیم، با تنظیم theme و افزونهٔ RTLبخشی یا با تنظیم، با ConfigProvider
تقویم و انتخاب تاریخ شمسیدارد، داخلی؛ تاریخ، بازه، ماه و تعطیلاتدارد، Calendar پیش‌فرض شمسیبخشی یا با تنظیم، با react-day-picker/persianبخشی یا با تنظیم، در MUI X با AdapterDateFnsJalaliبخشی یا با تنظیم، با بستهٔ جامعه (antd-jalali)
کد ملی، شبا، کارت، پلاک و کد پستیدارد، ورودی و اعتبارسنجی، همهدارد، کد ملی، شبا، کارت؛ پلاک به‌شکل بلوکنداردنداردندارد
پذیرش ارقام فارسی در ورودی‌هاداردداردنداردنداردندارد
برچسب‌ها و پیام‌های فارسیدارد، پیش‌فرضداردندارد، متن‌ها را خودتان می‌نویسیدبخشی یا با تنظیم، با locale فارسیبخشی یا با تنظیم، با locale فارسی
فونت فارسی همراه پکیجدارد، وزیرمتن متغیر، همراه پکیجدارد، وزیرمتن، با CLIنداردنداردندارد
لوگوی بانک‌ها و درگاه‌های ایرانیدارد، ۴۰ بانک و ۱۰ درگاهدارد، در FarsiUI-Icons؛ با بلوبانک و بانکینونداردنداردندارد
بلوک‌ها و قالب‌های آماده (داشبورد، فرم ورود…)ندارد، فقط کامپوننتدارد، بلوک و دموی فارسیدارد، بلوک انگلیسیبخشی یا با تنظیم، قالب‌های جدا، بعضی پولیبخشی یا با تنظیم، Ant Design Pro
فنی
شکل استفادهدارد، پکیج npmبخشی یا با تنظیم، کپی کد با CLI ‏farsiuiبخشی یا با تنظیم، کپی کد با CLIدارد، پکیج npmدارد، پکیج npm
استفاده بدون Reactدارد، هستهٔ CSS خالصندارد، React و Tailwindندارد، React و Tailwindندارد، Reactندارد، React
بررسی خودکار کنتراست در هر بیلددارد، بیلد ناموفق منتشر نمی‌شوداعلام نشدهاعلام نشدهاعلام نشدهاعلام نشده
لایسنسدارد، MITدارد، MITدارد، MITبخشی یا با تنظیم، MIT؛ بخشی از MUI X پولیدارد، MIT
بلوغ
تعداد کامپوننت و اکوسیستمبخشی یا با تنظیم، حدود ۷۰ کامپوننتدارد، +۵۰۰ کامپوننت و بلوک، ۶ سبکدارد، بزرگدارد، بسیار بزرگدارد، بسیار بزرگ
جامعه و منابع آموزشیبخشی یا با تنظیم، در حال شکل‌گیریبخشی یا با تنظیم، در حال رشددارددارددارد

کی سراغ کدام برویم

کاشی را انتخاب کنید اگر

  • محصول شما فارسی و راست‌به‌چپ است و نمی‌خواهید RTL را بعداً وصله کنید.
  • تاریخ شمسی، کد ملی، شبا، کارت بانکی یا پلاک در فرم‌هایتان هست.
  • دسترس‌پذیری برایتان شرط است، نه گزینه.
  • بخشی از محصول بدون React است (وردپرس، HTML یا فریم‌ورک دیگر).
  • یک پکیج نسخه‌دار می‌خواهید که با یک به‌روزرسانی، اصلاحات به همهٔ پروژه‌ها برسد، نه کدی که در هر پروژه جدا نگه داشته شود.

MUI یا Ant Design بهتر است اگر

  • به صدها کامپوننت پیشرفته مثل جدول داده با ویرایش و گروه‌بندی نیاز دارید.
  • تیم شما از قبل با آن‌ها کار می‌کند و اکوسیستم و منابع آموزشی بزرگ برایتان مهم‌تر است.
  • محصول اصلاً فارسی نیست، یا RTL فقط یک حالت فرعی است.

Farsi UI بهتر است اگر

  • پروژه با React و Tailwind است و می‌خواهید کد هر کامپوننت را مستقیم در پروژه داشته باشید و تغییرش دهید.
  • به بلوک‌ها و صفحه‌های آمادهٔ فارسی (داشبورد، فرم‌ها) و تعداد زیادی کامپوننت نیاز دارید.
  • لوگوی بانک‌های دیجیتال مثل بلوبانک یا آیکون برندهای ایرانی لازم دارید.

shadcn/ui بهتر است اگر

  • محصول بین‌المللی است و فارسی فقط یکی از زبان‌هاست.
  • می‌خواهید کد را در پروژه داشته باشید و اکوسیستم بزرگ برایتان مهم است.

این‌ها رقیب مطلق هم نیستند: می‌توانید ابزارهای @kashi-ui/persian (تاریخ شمسی، اعتبارسنجی‌ها، ارقام) را کنار هر دیزاین‌سیستم دیگری استفاده کنید.

روش ارزیابی

ستون‌ها بر اساس مستندات عمومی هر پروژه در آبان ۱۴۰۵ پر شده‌اند. «اعلام نشده» یعنی چیزی در مستندات پیدا نکردیم، نه اینکه حتماً ندارد. پروژه‌ها مدام به‌روز می‌شوند؛ اگر خطایی دیدید، لطفاً در GitHub گزارش دهید تا اصلاح شود.