کامپوننت‌های فارسی،
برای توسعه‌دهنده‌ها
کارت‌هایی که این اطراف می‌بینید عکس نیستن، خود کامپوننت هستن. باهاشون کار کنید، بعد کدشون را کپی کنید یا پرامپتش را بدید به Cursor، Claude یا Codex.
با همین کامپوننت‌ها، این بلاک‌ها را ساختیم
پایین هر کارت نوشته از کدام کامپوننت‌ها ساخته شده. روی اسمشون بزنید تا کد، پرامپت و راهنماشون را ببینید.
پرداخت با کارت بانکی
بانک را از شش رقم اول تشخیص میده و مبلغ را به حروف هم می‌نویسه.
هدفون بی‌سیم نویزگیر
ارسال رایگان تا ۳ روز کاری
شماره‌ی کارت
۱۶ رقم روی کارت
مبلغ
یک میلیون و دویست و پنجاه هزار تومان
دستیار هوش مصنوعی
ورودی چت با پیوست، انتخاب مدل و جوابی که حرف‌به‌حرف تایپ میشه.
ورود با کد پیامکی
پیش‌شماره‌ی ایران، مراحل ورود و کدی که با کیبورد فارسی هم تایپ میشه.
موبایل
- ۲
کد تأیید
- ۳
تمام
اپراتور: همراه اول
نوبت‌دهی آنلاین
تقویم شمسی با تعطیلی جمعه، کنار انتخاب ساعت.
از ۰۹:۰۰ تا ۲۱:۰۰
فرم احراز هویت
پلاک خودرو و کد ملی با بررسی رقم کنترل.
ده رقم، همان‌طور که روی کارت ملی چاپ شده
۷۸ کامپوننت داریم و هر کدام کد، پرامپت و راهنمای راست‌چین خودش را داره.
بلاک‌های کامل صفحهفایل را کپی کنید، یا پرامپتش را بدید به هوش مصنوعی
همه‌چیز رایگان و متن‌بازه. با MCP هم می‌تونید کل کتابخانه را مستقیم به Cursor یا Claude وصل کنید.
- کامپوننت
- ۰
- کامپوننت
- بلاک
- ۰
- بلاک
- انیمیشن
- ۰
- انیمیشن
- پس‌زمینه
- ۰
- پس‌زمینه
- قالب
- ۰
- قالب
- سیستم طراحی
- ۰
- سیستم طراحی
- ۱۰۰٪
- رایگان
۳ حامی
این کار را با هم سر پا نگه می‌داریم
پلن پولی نداریم و هیچ کامپوننتی قفل نیست. حمایت حامی‌ها خرج دامنه و سرور میشه و لوگوشون کنار خود کامپوننت‌ها روی صفحه‌ی اول می‌نشینه.
- ۰۱حامی اصلی
هوش مصنوعی بنانا
BananaAI
- ۰۲میزبانی
پاستاکلود
Paasta
میزبانی و استقرار این سایت را پاستا پوشش میدهد.
- ۰۳حامی
پیکسول
Pixevel
خدمات و محصولات دیجیتال؛ اشتراک، گیفتکارت و بازی.
لوگو روی صفحه‌ی اول
کنار خود کامپوننت‌ها دیده میشه، نه توی یک فوتر گم‌شده.
نام در README
کسانی که از گیت‌هاب می‌آن، اسم شما را همان‌جا می‌بینن.
صندلی ثابت
تا وقتی حمایت ادامه داره، این جا مال شماست.
پرسش‌های متداول
قبل از نصب، همین‌ها را بپرسید
اگر جواب‌تون این‌جا نیست، در شروع سریع یا درباره دنبالش بگردید.
بله. پلن پولی نداریم و هیچ کامپوننتی قفل نیست. کد را کپی می‌کنید و مال خودتون میشه.
نه. npx vibefarsi فایل‌ها را داخل پروژه‌تون می‌نویسه و بعد از آن دیگه import از node_modules در کار نیست. پکیج npm فقط برای CLI و MCP هست.
بله، روی React با Tailwind v4. CLI در Next.js فایل layout و در Vite فایل html را راست‌چین و فارسی می‌کنه.
shadcn برای چیدمان چپ‌چین و متن لاتین ساخته شده. وایب‌فارسی از پایه راست‌چینه و اعداد فارسی، تومان، تقویم شمسی، شبا و کد ملی داخل خود کامپوننت‌هاش هست. یک dir=rtl روی صفحه این‌ها را درست نمی‌کنه.
دو دستور: اول npx vibefarsi@latest init و بعد npx vibefarsi add button calendar. راهنمای کامل در صفحه‌ی شروع سریع هست.
ابزارهای هوش مصنوعی به انگلیسی فکر می‌کنن و کامپوننت چپ‌چین می‌سازن. سرور MCP قوانین فارسی و کد رجیستری را به Cursor و Claude Code میده. آدرسش https://vibefarsi.ir/mcp هست.