BidiKit
🌐عربي أولاً · جاهز للـ RTL · بدون إعداد

كل موقع،
في كل اتجاه.

BidiKit يجعل تطبيق React و Next.js الخاص بك يعكس نفسه تلقائيًا للعربية والعبرية والفارسية والأردية — التخطيطات والأيقونات والمسافات وكل شيء.

RTL نشط
اللغة: العربية
document.dir = "rtl"
html[lang] = "ar"

تفاعل مباشر

شاهد الانعكاس في الوقت الفعلي

غيّر اللغة بالأعلى. كل مكوّن يتكيف تلقائيًا — بدون تغيير أي كود.

⇄ BidiKit
  • المميزات
  • تجربة مباشرة
  • التوثيق
AH
أحمد حسن

شريط التنقل يعكس ترتيبه تلقائيًا في وضع RTL — الشعار ينتقل لليمين، وحساب المستخدم لليسار، وروابط التنقل تحافظ على ترتيب القراءة الصحيح.


صفر عمل يدوي

ما يفعله BidiKit تلقائيًا

انتقل للعربية بالأعلى وشاهد كل هذه الأمور تُفعَّل فورًا:

document.dir = "rtl"
سمة lang لـ HTML
عكس اتجاه Flex
margin-start / margin-end
text-align: start
عكس أيقونات الأسهم
تحميل الخط العربي
border-inline-start

مكوّن مدمج

مبدّل اللغة — 3 أنماط + نسخة مجردة

جميع الأنماط تعمل مباشرة. اضغط عليها — كلها تتحكم في نفس حالة اللغة.

زر دائري<LanguageSwitcher />
قائمة منسدلةvariant="dropdown" display="flag+native"
مبسّطvariant="minimal" display="flag+code"
مخصص بالكامل<LanguageSwitcherRoot>

في React: استورد { LanguageSwitcher, LanguageSwitcherRoot } من @bidikit/react


ما يتضمنه

كل ما تحتاجه لدعم RTL

🔄

محرك الاتجاه التلقائي

يضبط document.dir ولغة HTML ومتغيرات CSS وأسماء الفئات فور استدعاء setLanguage().

📝

واجهة برمجة الترجمة

مفاتيح متداخلة وتعيين متغيرات وصيغ جمع ولغات احتياطية وتحميل كسول — كلها مدمجة.

🪞

عكس الأيقونات

الأسهم والإشارات وأيقونات الرجوع تنعكس تلقائيًا. القلوب والنجوم تبقى كما هي.

🎨

ملحق Tailwind

ms- و me- و ps- و pe- و rounded-s و border-e و text-start — اكتب مرة، يعمل في الاتجاهين.

دعم Next.js SSR

Middleware ومزود الخادم وgenerateBidiMetadata — lang وdir صحيحان قبل أول رسم.

🖥️

أدوات CLI

npx @bidikit/cli init — هيكل الترجمات، مزامنة المفاتيح الناقصة، فحص الكود، استخراج المفاتيح.

🌐

مبدّل اللغة

<LanguageSwitcher /> جاهز بأنماط دائري أو قائمة منسدلة أو مبسّط. أو استخدم LanguageSwitcherRoot لتصميم مخصص بالكامل.


420M+
متحدث عربي على الإنترنت
7
حزمة npm، بدون إعداد
11
لغات RTL مدعومة
0
عدد سمات dir="" اليدوية المطلوبة