ابر پارس

کامپوننت‌های فارسی، همان‌طور که باید.

مجموعه‌ی متن‌بازی از کامپوننت‌های React که از پایه برای خط فارسی و چیدمان راست‌به‌چپ نوشته شده‌اند. هرکدام یک فایل است که کنار کد خودتان می‌نشیند؛ با shadcn CLI یا MCP نصب کنید.

npx shadcn@latest add farsify/jelly-radio
شروع کنید

۳ کامپوننت، هرکدام یک فایل مستقل

جهت‌ها، اعداد و فاصله‌ها از پیش برای فارسی تنظیم شده‌اند؛ چیزهایی که معمولاً هر بار خودتان باید سرهم کنید، اینجا تمام شده‌اند.

حرف کسانی که با فارسیفای کار می‌کنند

برای خواندن راحت‌تر، نشانگر را روی همین بخش نگه دارید تا حرکت ستون‌ها بایستد.

سم

سارا محمدی

@saramhd · مهندس رابط کاربری در ابرک

«بالاخره یک مجموعه که راست‌به‌چپ را جدی گرفته. جای هیچ‌کدام از این‌ها را با دست نوشتن، دو هفته وقت می‌برد.»
مص

محمد صادقی

@msadeghi · توسعه‌دهنده‌ی ارشد در داده‌نما

«نصبش با shadcn یک خط است و کد کاملاً داخل پروژه‌ی خودت می‌ماند. همین برای من تصمیم را قطعی کرد.»
مز

مریم زمانی

@maryamz · مدیر طراحی

«هماهنگی رنگ برند در همه‌ی کامپوننت‌ها یکدست است. برای ما که وقت برندگذاری نداشتیم، نجات‌بخش بود.»
بف

بهنام فتحی

@behnamf · بنیان‌گذار گراف‌پد

«کدش خوانا است و می‌شود راحت برندش کرد. چیزی که در خیلی از کتابخانه‌ها نیست.»
سم

سارا محمدی

@saramhd · مهندس رابط کاربری در ابرک

«بالاخره یک مجموعه که راست‌به‌چپ را جدی گرفته. جای هیچ‌کدام از این‌ها را با دست نوشتن، دو هفته وقت می‌برد.»
مص

محمد صادقی

@msadeghi · توسعه‌دهنده‌ی ارشد در داده‌نما

«نصبش با shadcn یک خط است و کد کاملاً داخل پروژه‌ی خودت می‌ماند. همین برای من تصمیم را قطعی کرد.»
مز

مریم زمانی

@maryamz · مدیر طراحی

«هماهنگی رنگ برند در همه‌ی کامپوننت‌ها یکدست است. برای ما که وقت برندگذاری نداشتیم، نجات‌بخش بود.»
بف

بهنام فتحی

@behnamf · بنیان‌گذار گراف‌پد

«کدش خوانا است و می‌شود راحت برندش کرد. چیزی که در خیلی از کتابخانه‌ها نیست.»
ار

امیرحسین رستمی

@amirrostami · بنیان‌گذار رهگیر

«شمارنده و لیست کارها را همان روز اول گذاشتم روی داشبورد. مشتری‌ها فکر کردند تیم طراحی بزرگ داریم.»
ان

الهام نوری

@elhamnouri · مهندس نرم‌افزار

«ورودی کد تأیید را برای فرم ورود گذاشتیم؛ از نظر دسترس‌پذیری هم تمیز است.»
عت

علی توکلی

@alitavakoli · توسعه‌دهنده‌ی فول‌استک

«گوی سیال را برای حالت انتظار دستیار گذاشتم. بازخورد کاربران فوراً مثبت شد.»
زآ

زهرا امینی

@zahraamini · مهندس فرانت‌اند

«نوار پیشرفت اسکرول در حالت راست‌به‌چپ درست از راست پر می‌شود؛ این جزئیات را کمتر جایی می‌بینی.»
ار

امیرحسین رستمی

@amirrostami · بنیان‌گذار رهگیر

«شمارنده و لیست کارها را همان روز اول گذاشتم روی داشبورد. مشتری‌ها فکر کردند تیم طراحی بزرگ داریم.»
ان

الهام نوری

@elhamnouri · مهندس نرم‌افزار

«ورودی کد تأیید را برای فرم ورود گذاشتیم؛ از نظر دسترس‌پذیری هم تمیز است.»
عت

علی توکلی

@alitavakoli · توسعه‌دهنده‌ی فول‌استک

«گوی سیال را برای حالت انتظار دستیار گذاشتم. بازخورد کاربران فوراً مثبت شد.»
زآ

زهرا امینی

@zahraamini · مهندس فرانت‌اند

«نوار پیشرفت اسکرول در حالت راست‌به‌چپ درست از راست پر می‌شود؛ این جزئیات را کمتر جایی می‌بینی.»
نک

نگار کریمی

@negaark · طراح محصول

«ریزحرکت‌ها خیلی سنجیده‌اند. نه کم، نه آن‌قدر که حواس کاربر را پرت کند.»
رآ

رضا آقایی

@rezaaghaee · هم‌بنیان‌گذار تسک‌بان

«فهرست کارها را با طرح خودمان بازنویسی کردیم؛ پراپ‌ها آن‌قدر روشن بودند که کل کار نیم‌ساعت طول کشید.»
پح

پریسا حکیمی

@parisah · مهندس تجربه‌ی کاربری

«دکمه‌ی حذف با گام تأیید، جلوی خیلی از اشتباه‌های کاربرهای ما را می‌گیرد.»
کش

کاوه شریفی

@kavehsh · مدیر فنی

«مستندات فارسی و نمونه‌های واقعی، تفاوت اصلی است. تیم ما بدون سؤال راه افتاد.»
نک

نگار کریمی

@negaark · طراح محصول

«ریزحرکت‌ها خیلی سنجیده‌اند. نه کم، نه آن‌قدر که حواس کاربر را پرت کند.»
رآ

رضا آقایی

@rezaaghaee · هم‌بنیان‌گذار تسک‌بان

«فهرست کارها را با طرح خودمان بازنویسی کردیم؛ پراپ‌ها آن‌قدر روشن بودند که کل کار نیم‌ساعت طول کشید.»
پح

پریسا حکیمی

@parisah · مهندس تجربه‌ی کاربری

«دکمه‌ی حذف با گام تأیید، جلوی خیلی از اشتباه‌های کاربرهای ما را می‌گیرد.»
کش

کاوه شریفی

@kavehsh · مدیر فنی

«مستندات فارسی و نمونه‌های واقعی، تفاوت اصلی است. تیم ما بدون سؤال راه افتاد.»

حامیانی که فارسیفای را آزاد نگه داشته‌اند

حمایت ماهانه‌ی این شرکت‌ها هزینه‌ی نگهداری و توسعه‌ی فارسیفای را پوشش می‌دهد.

الماس

ابر پارس
داده‌نما
رهگیر
جای شما

حامیان پلتفرم

میزبانِ ابری
سروا
جای شما
حامی شوید