أفضل قوالب لوحة تحكم RTL تدعم اللغة العربية (2026)

هذه قائمة موجّهة للمشترين تضم أفضل قوالب لوحة تحكم RTL مع دعم اللغة العربية، وهي مكتوبة للوكالات والشركات في الخليج، ولفرق SaaS التي تدخل السوق العربية، وللمطورين الذين يحتاجون إلى لوحة إدارة باتجاه من اليمين إلى اليسار تصمد بعد الصفحة الرئيسية. القائمة محدّثة حتى أكتوبر 2026، وتسعة من الخيارات العشرة تقدم نسخة مبنية على Next.js 16.

الفارق الأهم هو بين القوالب التي تكتفي بعكس التخطيط والقوالب التي تقدم العربية كلغة حقيقية، بشاشات مترجمة وروابط URL خاصة بالعربية ومحتوى ثنائي اللغة. كل معلومة أدناه مأخوذة من صفحة المنتج الرسمية أو من توثيقه، وكلها مذكورة في قسم المصادر، وبعد القائمة ستجد اختبارًا مدته خمس دقائق يمكنك إجراؤه على أي عرض تجريبي. وإن لم تكن بحاجة إلى العربية، فإن ترتيبنا لأفضل 10 قوالب لوحة تحكم إدارية بـ Next.js يعرض خيارات أعم.

القالب	لمن يناسب	التقنيات	الواجهة الخلفية أو المصادقة	العربية وRTL	السعر
لوحة الإدارة بمساعد الذكاء الاصطناعي من Aniq UI	لوحة إدارة عربية كاملة مع API وأدوار ومساعد ذكاء اصطناعي	Next.js 16، Tailwind CSS 4، next-intl	API بـ NestJS اختيارية	ترجمة عربية ودعم RTL مضمّنان	من $99
لوحة التحكم المالية من Aniq UI	واجهة للتقنية المالية والخدمات المصرفية بالعربية	Next.js 16، Tailwind CSS 4، next-intl	واجهة أمامية مع مصادقة بالبريد الإلكتروني	ترجمة عربية ودعم RTL مضمّنان	$99
لوحة تحكم الوكالات العقارية من Aniq UI	الوكالات التي تنشر إعلاناتها بالإنجليزية والعربية	Next.js 16، Tailwind CSS 4، next-intl	تتطلب API بـ NestJS	واجهة عربية ودعم RTL ومحرر عقارات ثنائي اللغة	$99 للوحة التحكم، و$179 للنسخة الكاملة (Full Stack)
Materio	فرق MUI على Next.js التي تريد تطبيقات جاهزة كثيرة	Next.js 16، MUI 7، Tailwind CSS 4	NextAuth	دعم RTL وتعدد اللغات مذكور، دون تحديد اللغات	من $69
Vuexy	أكبر مجموعة من تطبيقات MUI وصفحات الواجهة	Next.js 16، MUI 7، Tailwind CSS	NextAuth، وطبقة fake-DB	جاهزية RTL ودعم الترجمة مذكوران، دون تحديد اللغات	من $79
Minimal	لوحة تحكم MUI يفعّل فيها اختيار العربية وضع RTL	Next.js 16 أو Vite، MUI v9	JWT، Firebase، Amplify، Auth0، Supabase	دعم RTL، والتوثيق يعرض خيارًا للعربية يفعّل RTL	من $69
Berry	مكتبة ودجات كبيرة ومزودو مصادقة كثيرون	Next.js 16 أو Vite، MUI v9	Auth0، Firebase، JWT، AWS Cognito، Supabase	تخطيطات RTL ودعم تعدد اللغات مذكوران، دون تحديد اللغات	من $69
Modernize	خيار MUI اقتصادي يمكنك معاينته بوضع RTL	Next.js 16، MUI 7	NextAuth، Supabase، Firebase	جاهز لـ RTL مع عرض تجريبي RTL عام، ودعم i18n مذكور	من $49
Metronic	فرق Tailwind التي تعمل عبر عدة أطر عمل	Tailwind CSS 4 لـ Next.js وReact وHTML	تحقق من الحزمة	دعم RTL موثّق لنسخة Tailwind	من $49
shadcn-admin	نقطة انطلاق RTL مجانية مبنية على shadcn/ui	React، Vite، shadcn/ui	مصادقة جزئية عبر Clerk	دعم RTL، دون ترجمات	مجاني (MIT)

أسعار المنافسين هي أرخص ترخيص في كل صفحة رسمية في أكتوبر 2026. أما أسعار Aniq UI فمأخوذة من كتالوج Aniq UI.

أفضل 10 قوالب لوحة تحكم إدارية RTL في 2026

1. لوحة الإدارة بمساعد الذكاء الاصطناعي من Aniq UI

لمن يناسب: منتجات SaaS والأدوات الداخلية ولوحات CRM التي تحتاج إلى الإنجليزية والعربية من اليوم الأول، مع واجهة خلفية اختيارية وأدوار ومساعد ذكاء اصطناعي.

قالب لوحة الإدارة بـ Next.js مع مساعد الذكاء الاصطناعي لوحة إدارة متكاملة مبنية على Next.js 16 وReact 19 وTailwind CSS 4. الإنجليزية والعربية مع دعم RTL جزء من حزمة لوحة التحكم نفسها، ومترجمتان عبر next-intl، لذا فالعربية لغة كاملة بنصوصها الخاصة وليست نسخة معكوسة من الشاشات الإنجليزية.

يُباع القالب كلوحة تحكم وحدها، أو كواجهة خلفية بـ NestJS وحدها، أو الاثنين معًا. تعمل لوحة التحكم على بيانات تجريبية مضمّنة حتى تربطها بـ API، لذا يمكنك فحص كل شاشة عربية قبل ربط قاعدة بيانات. وتضيف الواجهة الخلفية TypeORM مع SQLite أو MySQL، ومصادقة JWT مع refresh tokens، ومصفوفة للأدوار والصلاحيات، وتحديثات مباشرة عبر WebSocket، ومساعد الذكاء الاصطناعي.

• الإنجليزية والعربية مع دعم RTL، بوضعين فاتح وداكن يُحفظ اختيارهما
• نظرة عامة ببطاقات مؤشرات الأداء (KPI) ومهام سريعة وتقويم وحلقات مؤشرات وودجات يمكنك إعادة ترتيبها بالسحب والإفلات
• المستخدمون والمشرفون والأدوار والصلاحيات، مع إحصاءات مباشرة وفلاتر وسياسات وصول لكل وحدة
• مساعد ذكاء اصطناعي يبث إجاباته مباشرة مع بطاقات ورسوم بيانية وجداول، ويحفظ سجل المحادثات والجلسات، ويعمل مع DeepSeek أو Google أو OpenAI عبر سجل أدوات MCP
• صفحة لمكتبة مكونات الواجهة تضم 49 مكونًا، لكل منها مثال كود جاهز للنسخ
• React Hook Form وZod في كل النماذج، إلى جانب توثيق للإعداد والترجمة (i18n) والنشر

التقنيات: Next.js 16 App Router، React 19، TypeScript 5، Tailwind CSS 4، next-intl، TanStack Query، Redux Toolkit، Radix UI، Recharts وFramer Motion. الواجهة الخلفية: NestJS، TypeORM، JWT وSocket.io.

السعر: من $99 (Admin Dashboard). الواجهة الخلفية Backend API بسعر $99. النسخة الكاملة Full Stack بسعر $149.

جدير بالذكر: لوحة التحكم وحدها تعرض بيانات تجريبية أو تتصل بـ API توفرها أنت. أما البيانات المحفوظة وإجابات مساعد الذكاء الاصطناعي فتأتي من API المبنية بـ NestJS، والتي تُباع كحزمة Backend API أو ضمن Full Stack. اللغتان المتوفرتان هما الإنجليزية والعربية فقط، وإضافة لغة ثالثة متروكة لك.

2. لوحة التحكم المالية من Aniq UI

لمن يناسب: شركات التقنية المالية الناشئة، ولوحات التحكم المصرفية، ومنصات الاستثمار، وأدوات الميزانية التي يجب أن تُقرأ بالعربية بشكل طبيعي.

قالب لوحة التحكم المالية والمصرفية بـ Next.js واجهة أمامية مبنية على Next.js 16 بوضعين داكن وفاتح، مع الإنجليزية والعربية ودعم RTL عبر next-intl، وتحليلات بـ Recharts، وودجات بالسحب والإفلات، ومصادقة JWT بالبريد الإلكتروني مع مسارات محمية. تضع شاشة التفضيلات اختيار اللغة والعملة بجانب إعدادات المظهر، فيتحول المستخدمون إلى العربية من داخل المنتج. والشاشات المالية اختبار صعب لدعم RTL، لأن الأرصدة وأرقام البطاقات وقيم العملات تقع داخل نص يُكتب من اليمين إلى اليسار، لذا افتح العرض التجريبي بالعربية وافحص المعاملات والتحليلات أولًا.

• الإنجليزية والعربية مع دعم RTL، بوضعين داكن وفاتح يُحفظان دون وميض عند التحميل
• نظرة عامة ببطاقة الحساب والرصيد، وإجراءات الإرسال والاستلام، وآخر المعاملات، وإحصاءات أسبوعية، وقائمة متابعة Smart Invest، وتحويل سريع، وخريطة للتحويلات الدولية، وأداء المحفظة
• تحليلات للإيرادات مقابل المصروفات على فترات يومية وأسبوعية وشهرية وسنوية، والإنفاق حسب الفئة، ولوحات قابلة للتصدير
• إدارة البطاقات مع الأرصدة وتواريخ الانتهاء والإجراءات السريعة
• ألوان مميزة بالأزرق والذهبي والجرافيتي تعيد تلوين البطاقات والرسوم البيانية والأزرار والقائمة بخيار واحد
• 28 مكونًا تفاعليًا للواجهة وودجات بالسحب والإفلات

التقنيات: Next.js 16 App Router مع Turbopack، React 19، TypeScript، Tailwind CSS 4، next-intl، Redux Toolkit، React Hook Form مع Zod، Recharts، TanStack Table، dnd-kit، date-fns وNextAuth.

السعر: $99.

جدير بالذكر: هذا قالب واجهة أمامية. يتضمن مصادقة بالبريد الإلكتروني لكن دون API مصرفية، وعلى عكس لوحات Aniq UI الأخرى لا توجد له حزمة Backend API، لذا خطط لربطه بواجهتك الخلفية الخاصة.

3. لوحة تحكم الوكالات العقارية من Aniq UI

لمن يناسب: الوكالات العقارية والوسطاء والمطورون العقاريون ومديرو الإيجارات الذين ينشرون إعلاناتهم بالإنجليزية والعربية.

قالب لوحة تحكم الوكالات العقارية بـ Next.js يغطي العمل اليومي للوكالة: النظرة العامة والعقارات والاستفسارات والمعاينات والإعدادات. ويُظهر ما يعنيه الدعم الكامل للعربية بما يتجاوز الواجهة: كل شاشة مكتوبة باللغتين وتنعكس عند اختيار العربية، مع إبقاء الأسعار والأرقام بالأرقام اللاتينية، ويحفظ محرر العقارات العنوان والأوصاف في حقل واحد مع تبويب لكل لغة. وهو الجزء الخاص بلوحة التحكم من Velra، الذي يعمل موقعه العام أيضًا بالإنجليزية والعربية مع دعم RTL.

• نظرة عامة بالعربية من اليمين إلى اليسار، تبدأ بالاستفسارات الجديدة والمعاينات التي تنتظر التأكيد والزيارات القادمة
• محرر عقارات بالإنجليزية والعربية مع صور مرتبة وموقع وإعدادات SEO، ومسار للحالات من مسودة إلى منشور إلى مؤرشف
• كل إعلان له موقع محفوظ يظهر على خريطة واحدة
• استفسارات مع الحالة والملاحظات، ومعاينات يمكن تأكيدها أو إتمامها أو إلغاؤها
• استوديو للتأثيث الافتراضي بالذكاء الاصطناعي مع خطوة موافقة، ومساعد ذكاء اصطناعي يجيب من بيانات الوكالة عبر Google Gemini أو OpenAI أو DeepSeek بمفتاحك الخاص
• أدوار وصلاحيات تخفي عناصر القائمة والإجراءات التي لا يحق للمستخدم استخدامها

التقنيات: Next.js 16 App Router، React 19، TypeScript، Tailwind CSS 4، next-intl وTanStack Query. الواجهة الخلفية: NestJS، وTypeORM مع MySQL أو SQLite، وSocket.io.

السعر: Agency Dashboard بسعر $99. النسخة الكاملة Full Stack (الموقع العام ولوحة التحكم وAPI) بسعر $179.

جدير بالذكر: تقرأ لوحة التحكم بياناتها من API الخاصة بـ Velra، والتي تُباع كحزمة Backend API ($99) أو ضمن Full Stack، لذا ضع الاثنين في ميزانيتك. ويستخدم التأثيث الافتراضي بالذكاء الاصطناعي Google Gemini، لذا يتطلب توليد الغرف المؤثثة مفتاح Gemini خاصًا بك، حتى على العرض التجريبي العام.

4. Materio

لمن يناسب: الفرق التي تعمل بالفعل على Material UI وتريد لوحة إدارة بـ Next.js 16 مع دعم RTL ومجموعة كبيرة من التطبيقات الجاهزة.

Materio قالب إدارة مبني على Material UI من ThemeSelection، ويُباع أيضًا في MUI Store. تذكر الصفحة الرسمية Next.js 16 مع App Router وMUI 7 وTailwind CSS 4 وReact 19، وتنص على «دعم مدمج للغات RTL (من اليمين إلى اليسار)» إلى جانب دعم تعدد اللغات.

لا تذكر صفحة ThemeSelection ولا صفحة MUI Store اللغات المضمّنة، ولا تشير أي منهما إلى العربية. اعتبر دعم RTL مؤكدًا، والترجمة العربية أمرًا عليك التحقق منه داخل الحزمة.

• خمس لوحات تحكم: CRM والتحليلات والتجارة الإلكترونية والأكاديمية والخدمات اللوجستية
• عشرة تطبيقات، منها البريد والدردشة والتقويم وKanban والفواتير والأدوار والصلاحيات
• تكامل مع NextAuth وصفحات للمصادقة
• React Hook Form مع Valibot للنماذج
• ستة تخطيطات، منها الأفقي وشبه الداكن
• نسختان بـ TypeScript وJavaScript

التقنيات: Next.js 16 App Router، React 19، MUI 7 وTailwind CSS 4.

السعر: من $69 في MUI Store (Standard، بـ JavaScript فقط) أو من $79 في ThemeSelection (أكتوبر 2026).

جدير بالذكر: النسخة المجانية من Materio مبنية على Next.js 14 ولا تتضمن دعم RTL ولا تعدد اللغات، بحسب جدول المقارنة بين النسخة المجانية ونسخة Pro. ويفتح العرض التجريبي على شاشة تسجيل دخول. ويذكر Sneat، من المتجر نفسه، الدعم نفسه لـ RTL وتعدد اللغات بأسعار ThemeSelection نفسها.

5. Vuexy

لمن يناسب: الفرق التي تريد أوسع مجموعة من تطبيقات MUI وصفحات الواجهة، مع دعم مذكور لـ RTL والترجمة.

Vuexy يُباع في متجر ThemeSelection كقالب إدارة بـ MUI على Next.js 16، مبني بـ React 19 وMUI 7 مع تكامل Tailwind CSS. تتضمن قائمة ميزاته «RTL Ready» و«Translation and Localization Support»، ويشرح توثيقه ترجمة تطبيقك بدعم الترجمة المدمج إلى جانب NextAuth وReact Hook Form.

وكما في Materio، لا توجد قائمة منشورة باللغات، لذا تحقق من وجود نصوص عربية في الحزمة قبل الاعتماد عليها.

• تطبيقات للبريد والدردشة والتقويم وKanban والتجارة الإلكترونية والأكاديمية والخدمات اللوجستية والفواتير والأدوار والصلاحيات
• أكثر من 30 صفحة وأكثر من 75 بطاقة وأكثر من 15 صفحة واجهة مثل صفحة الهبوط والأسعار والدفع ومركز المساعدة
• مصادقة عبر NextAuth وإدارة المستخدمين
• بحث شامل عبر Cmd + K
• ستة تخطيطات، من القائمة العمودية الافتراضية إلى الأفقية الداكنة
• طبقة API وهمية (fake-DB) لبيانات العرض، بنسختي TypeScript وJavaScript

التقنيات: Next.js 16، React 19، MUI 7 وTailwind CSS.

السعر: من $79 (ThemeSelection، أكتوبر 2026).

جدير بالذكر: Vuexy وMaterio من المتجر نفسه ويضمان التطبيقات الأساسية نفسها، لذا يعود الاختيار بينهما في الغالب إلى الطابع البصري. ويفتح العرض التجريبي لنسخة Next.js على شاشة تسجيل دخول مع بيانات دخول تجريبية.

6. Minimal

لمن يناسب: الفرق التي تريد لوحة تحكم MUI متقنة يحوّل فيها اختيار العربية التخطيط كله إلى RTL.

Minimal لوحة تحكم للعملاء والإدارة تُباع في MUI Store. تذكر صفحة المنتج React 19 وMaterial UI v9، مع Next.js 16 وApp Router أو Vite 8، وتتضمن «Right-to-left layout support».

ويذهب توثيق تعدد اللغات الخاص به أبعد من معظم صفحات المنافسين: منذ Minimal UI 7.1.0، يطبّق اختيار العربية تخطيط RTL تلقائيًا، ويطبّق اختيار RTL اللغة العربية. وتوجد الترجمات في ملفات JSON داخل src/locales.

• أكثر من 70 صفحة نموذجية
• لوحات نظرة عامة للتطبيقات والتجارة الإلكترونية والتحليلات والخدمات المصرفية والحجوزات والملفات والدورات
• تطبيقات لإدارة الملفات والبريد والدردشة والتقويم وKanban
• React Hook Form مع Zod، وApexCharts
• مصادقة عبر JWT أو Firebase أو Amplify أو Auth0 أو Supabase
• وضع فاتح وداكن مع سمات ألوان قابلة للتبديل

التقنيات: Next.js 16 أو Vite 8، React 19 وMUI v9.

السعر: من $69 (Standard، بـ JavaScript فقط). وتبدأ نسخة TypeScript من $129 (أكتوبر 2026).

جدير بالذكر: يعرض التوثيق العربية ضمن مبدّل اللغة، لكن صفحة المتجر لا توضح مقدار ما يأتي مترجمًا من الواجهة، لذا افتح النماذج والجداول بالعربية قبل الشراء. وتتوفر نسخة مجانية، Minimal Free، في MUI Store؛ تحقق من الميزات التي تحتفظ بها.

7. Berry

لمن يناسب: الفرق التي تريد مكتبة ودجات كبيرة ومزودي مصادقة كثيرين في قالب MUI يدعم تخطيطات RTL.

Berry لوحة تحكم مبنية على Material UI من CodedThemes، تُباع في MUI Store وعلى موقع CodedThemes. وتذكر React 19 وMaterial UI v9 وNext.js 16 مع App Router، إضافة إلى نسخة Vite. وتتضمن قوائم ميزاتها «LTR / RTL (Right-to-Left) Layouts» ودعم التدويل (i18n) ودعم تعدد اللغات، دون تسمية اللغات.

• خمس لوحات تحكم: الافتراضية والتحليلات والفواتير وCRM والمدونة
• أكثر من 100 صفحة جاهزة وأكثر من 199 ودجت للبيانات والإحصاءات والرسوم البيانية
• تطبيقات منها التجارة الإلكترونية والبريد والدردشة والتقويم وKanban وجهات الاتصال والفواتير وCRM
• مصادقة عبر Auth0 أو Firebase أو JWT أو AWS Cognito أو Supabase
• تخطيطات عمودية وأفقية ومطوية، بوضعين فاتح وداكن، وأكثر من 6 لوحات ألوان جاهزة
• ملفات Figma

التقنيات: Next.js 16 App Router أو Vite، React 19 وMUI v9. وتتوفر TypeScript في ترخيصي Standard Plus وExtended.

السعر: من $69 (MUI Store، أكتوبر 2026).

جدير بالذكر: يذكر Mantis، من المطوّر نفسه، تخطيطات RTL نفسها ودعم i18n نفسه والتقنيات نفسها والأسعار نفسها في MUI Store. ولكليهما نسخ مجانية تضم جزءًا من الميزات الكاملة، لذا تحقق مما إذا كان دعم RTL ضمن هذا الجزء قبل الاعتماد عليه.

8. Modernize

لمن يناسب: المشترون بميزانية محدودة الذين يريدون رؤية التخطيط من اليمين إلى اليسار في عرض تجريبي عام قبل الدفع.

Modernize لوحة إدارة مبنية على Material UI من AdminMart، ومتوفرة أيضًا في MUI Store. تذكر قائمة ميزاتها Next.js 16، ويسجّل سجل التغييرات الانتقال إلى Next.js 16 وReact 19، وتستخدم MUI 7 وTypeScript. وتذكر الصفحة «RTL Ready» وتضع رابطًا لعرض تجريبي RTL مستقل بجانب العروض الرئيسية والداكنة والأفقية وعرض الشريط الجانبي المصغّر. ودعم i18n مذكور، دون تسمية اللغات.

• عرض تجريبي RTL عام يمكنك فتحه دون شراء
• أكثر من 13 تطبيقًا، منها التقويم وKanban والفواتير والدردشة وجهات الاتصال والمدونة
• أكثر من 65 قالب صفحة و4 صفحات واجهة
• ستة ألوان للمظهر
• NextAuth مع Google وGitHub وبيانات الدخول، إضافة إلى مصادقة Supabase وFirebase
• سنة من التحديثات والدعم في كل تراخيص AdminMart

التقنيات: Next.js 16، React 19، MUI 7 وTypeScript.

السعر: من $49 في MUI Store أو من $59 في AdminMart (أكتوبر 2026).

جدير بالذكر: يعكس العرض التجريبي RTL التخطيط لكنه يُبقي النصوص بالإنجليزية، فهو يُظهر الاتجاه لا الترجمة العربية. وما زالت شارة الإصدار في AdminMart تذكر Next.js 15.1.6 بينما تذكر قائمة الميزات وسجل التغييرات Next.js 16، لذا تأكد من الإصدار في الحزمة التي تنزّلها.

9. Metronic

لمن يناسب: فرق Tailwind التي تريد نظام تصميم واحدًا لنسخ Next.js وReact وHTML.

Metronic من Keenthemes قالب إدارة عريق يذكر الآن Tailwind CSS 4 وReact 19 وNext.js 16، مع عروض تجريبية بـ Bootstrap 5 لـ HTML وأطر عمل أخرى. ويقول دليل RTL الخاص بنسخة Tailwind إن Metronic «يستخدم خصائص CSS المنطقية كطريقة افتراضية للتعامل مع دعم RTL»، ويُفعَّل بإضافة dir="rtl" إلى عنصر html، مع المعدِّل rtl: من Tailwind للحالات التي تحتاجه.

• 10 عروض تجريبية بين HTML وReact مع Vite وNext.js
• أكثر من 150 صفحة وأكثر من 60 مكونًا
• تطبيقات ونماذج للمخزون والبريد والتقويم والدردشة بالذكاء الاصطناعي وإدارة المستخدمين والمهام وCRM والبيع بالتجزئة
• حزم بداية (Starter kits) مع 14 تخطيطًا جاهزًا
• مبني بـ shadcn/ui وRadix UI وReact Hook Form وZod وTanStack Table

التقنيات: Tailwind CSS 4، React 19، Next.js 16 وTypeScript، مع Bootstrap 5 لحزم HTML وأطر العمل الأخرى.

السعر: من $49 لترخيص Regular (أكتوبر 2026).

جدير بالذكر: يغطي دليل RTL نسخة Tailwind ولا يذكر حزمة Next.js، ولا تذكر صفحة المنتج الرئيسية دعم RTL ولا الترجمات. اطلب من Keenthemes تأكيد دعم RTL في حزمة Next.js قبل الشراء.

10. shadcn-admin

لمن يناسب: المطورون الذين يريدون واجهة إدارة مجانية جاهزة لـ RTL مبنية على shadcn/ui، ويستطيعون الاستغناء عن Next.js.

shadcn-admin واجهة لوحة إدارة مجانية بترخيص MIT، مبنية بـ shadcn/ui وVite. يذكر ملف README الخاص بها دعم RTL، ويوضح أن بعض مكونات shadcn عُدّلت لتعمل بشكل أفضل من اليمين إلى اليسار. ويحمل المستودع 15.8 ألف نجمة على GitHub (أكتوبر 2026).

• مجانية بترخيص MIT
• دعم RTL
• وضع فاتح وداكن، وتصميم متجاوب وسهل الوصول
• شريط جانبي مدمج وأمر بحث شامل
• أكثر من 10 صفحات، مع مصادقة جزئية عبر Clerk

التقنيات: React، Vite، TanStack Router، shadcn/ui (Tailwind CSS وRadix UI) وTypeScript.

السعر: مجاني (MIT).

جدير بالذكر: إنها تطبيق Vite مع TanStack Router وليست Next.js، لذا فإن نقلها إلى Next.js يعني إعادة بناء التوجيه. ولا تتضمن أي نصوص عربية، فالترجمة والتوجيه حسب اللغة متروكان لك.

لوحات تحكم قطاعية أخرى من Aniq UI جاهزة للعربية

إذا كانت لوحتك تخدم قطاعًا واحدًا، فإن البدء من شاشات ذلك القطاع يوفر أكبر قدر من العمل. لدى Aniq UI خمس لوحات تحكم أخرى مبنية بالطريقة نفسها: Next.js 16 وTailwind CSS 4، والإنجليزية والعربية مع دعم RTL عبر next-intl، ووضعان فاتح وداكن، وAPI بـ NestJS تُباع منفصلة أو ضمن النسخة الكاملة (Full Stack).

• التجارة الإلكترونية: قالب لوحة إدارة المتاجر الإلكترونية بـ Next.js يدير المنتجات والفئات والطلبات والعملاء والموظفين، مع أدوار وإشعارات فورية واستوديو منتجات بالذكاء الاصطناعي ومساعد ذكاء اصطناعي. لوحة التحكم $99، والنسخة الكاملة مع واجهة المتجر $179.
• الدورات الإلكترونية: قالب لوحة إدارة نظام إدارة التعلم (LMS) بـ Next.js يدير الدورات بأداة لبناء المنهج بالسحب والإفلات، والتسجيلات، والاختبارات، والتقييم، والحصص المباشرة. ويصيغ مساعده الذكي دورة كاملة من طلب واحد، بما في ذلك العنوان والوصف بالعربية. لوحة التحكم $99، والنسخة الكاملة $179.
• المطاعم: قالب لوحة إدارة المطاعم بـ Next.js يضم محرر أطباق بالإنجليزية والعربية، وطلبات مع التحكم في حالتها، وإدارة المطابخ، واستوديو بالذكاء الاصطناعي لصور الأطباق. تعمل المكونات نفسها من اليمين إلى اليسار، فلا يوجد تخطيط ثانٍ تحتاج إلى صيانته، وتبقى كل الأرقام بالأرقام اللاتينية. لوحة التحكم $99، والنسخة الكاملة $179.
• الإيجارات السياحية: قالب لوحة تحكم حجوزات الإيجارات السياحية بـ Next.js يغطي نسب الإشغال، وتقويمًا شهريًا بالتواريخ المحجوبة، والحجوزات من التأكيد حتى الإتمام، ومساعد ذكاء اصطناعي مع 27 أداة MCP. ولا يمكن نشر أي إقامة حتى يُملأ نصها بالإنجليزية والعربية معًا. لوحة التحكم $99، والنسخة الكاملة $179.
• اللياقة البدنية والتدريب: قالب لوحة تحكم اللياقة البدنية والتدريب بـ Next.js يجمع واجهة للأعضاء وأخرى للمدربين في منتج واحد، وكلتاهما بالعربية، مع تخطيطات مكتوبة بالخصائص المنطقية، وسجل للتمارين، ومخطط للوجبات، ومساعد ذكاء اصطناعي. لوحة التحكم $99، والنسخة الكاملة $149.

ما الذي تحتاجه لوحة تحكم RTL حقيقية

عبارة «دعم RTL» في صفحة منتج قد تعني أي شيء، من شريط جانبي معكوس إلى منتج عربي متكامل. هذه هي العناصر التي تحدد ما إذا كان فريق العمل الناطق بالعربية يستطيع العمل في اللوحة فعلًا. ويمكن فحص كل عنصر منها على عرض تجريبي عام في أقل من دقيقة.

خصائص CSS المنطقية بدل اليسار واليمين

يجب أن تتبع المسافات وتحديد المواضع اتجاه القراءة. في Tailwind CSS يعني ذلك أدوات مثل ms-4 وme-8، التي تضبط margin-inline-start وmargin-inline-end وتنعكس مع السمة dir (توثيق Tailwind CSS)، ونظيراتها للحشو (padding) والمواضع. أما القالب المكتوب بفئات ml- وleft- فيحتاج إلى تعديل rtl: لكل واحدة منها، وهنا تُنسى بعض المواضع. الاختبار: بدّل إلى العربية وانظر إلى الأيقونات داخل حقول الإدخال، وحشو الشارات، ومؤشر العنصر النشط في الشريط الجانبي، والمسافة بين الصورة الرمزية والاسم.

عكس الأيقونات والرسوم البيانية حيث يهم الاتجاه

الأسهم التي تعني الرجوع أو التالي أو التوسيع أو «انتقل إلى» يجب أن تشير إلى الاتجاه المعاكس في العربية. ويطلب دليل RTL من shadcn/ui، على سبيل المثال، إضافة rtl:rotate-180 يدويًا إلى الأيقونات الاتجاهية. أما الرسوم البيانية ذات المحور الزمني فهي قرار تصميمي: لوحتا المطاعم والإيجارات السياحية من Aniq UI تعكسان رسومهما البيانية في العربية، ليسير الزمن من اليمين إلى اليسار مثل النص. ولا يجوز أبدًا عكس الشعارات والعلامات التجارية. الاختبار: افحص مسار التنقل (breadcrumb) وأزرار الترقيم وزر «الخطوة التالية» ورسمًا بيانيًا خطيًا.

خط عربي

كثير من خطوط الواجهات اللاتينية لا تحتوي على حروف عربية، فيلجأ المتصفح إلى خط النظام وتبدو الشاشات العربية وكأنها منتج آخر. والقالب المصمم للعربية يجب أن يحمّل خطًا يدعم الحروف العربية أو يقرن خطًا عربيًا بخطه اللاتيني. ويوصي دليل RTL من shadcn/ui بخط Noto، ويذكر أنه يتناسق جيدًا مع Inter وGeist. الاختبار: قارن سماكة العناوين وارتفاع الأسطر بين النسختين الإنجليزية والعربية للصفحة نفسها.

الأرقام والعملات والتواريخ حسب اللغة

تستخدم الواجهات العربية إما الأرقام العربية الهندية (١٢٣) أو الأرقام اللاتينية (123)، لذا حدد ما يتوقعه مستخدموك. تُرجع Intl.NumberFormat في JavaScript مع الإعداد المحلي ar-EG أرقامًا عربية هندية (MDN)، بينما تُبقي لوحات العقارات والمطاعم والإيجارات السياحية من Aniq UI الأسعار والأرقام بالأرقام اللاتينية في اللغتين. وفي كل الأحوال، يجب أن تأتي الأسعار والتواريخ من أداة تنسيق تراعي اللغة، مثل format.number وformat.dateTime في next-intl (توثيق next-intl)، لا من دمج النصوص يدويًا. الاختبار: انظر إلى سعر ونسبة مئوية وتاريخ في النسخة العربية.

النص المختلط بين العربية والإنجليزية في الجداول

نادرًا ما تكون بيانات الإدارة بلغة واحدة: اسم عميل بالعربية بجانب بريد إلكتروني بالإنجليزية، أو رقم طلب، أو رمز منتج (SKU). ومن دون عزل، تلتصق المحارف المحايدة مثل المسافات والشرطات والأرقام بالجهة الخطأ فتبعثر السطر. وتوصي MDN بالعنصر <bdi> للنصوص القادمة من قاعدة بيانات أو من المستخدم (MDN عن bdi). الاختبار: ابحث في النسخة العربية عن صف في جدول يحتوي بريدًا إلكترونيًا أو اسم منتج بالإنجليزية، وتأكد أن علامات الترقيم والأرقام في مكانها الصحيح.

التوجيه حسب اللغة

لوحة التحكم العربية الكاملة لها روابطها الخاصة، مثل /en/dashboard و/ar/dashboard، ليتمكن المستخدم من حفظ النسخة العربية ومشاركتها وإعادة تحميلها، ويحصل عنصر html على lang="ar" وdir="rtl" من المسار. في Next.js يتم ذلك عبر مقطع [lang] (دليل التدويل في Next.js) أو عبر مكتبة مثل next-intl، التي يحدد الـ proxy فيها اللغة ويعيد توجيه / إلى /en (التوجيه في next-intl). وتستخدم لوحات Aniq UI الثماني كلها next-intl. الاختبار: بدّل إلى العربية، وأعد تحميل الصفحة، ثم افتح رابطًا عميقًا في تبويب جديد.

ترجمة رسائل التحقق والنوافذ المنبثقة

رسائل أخطاء التحقق والإشعارات المنبثقة (toasts) والحالات الفارغة ونوافذ التأكيد ومنتقيات التاريخ هي الأماكن التي تختبئ فيها الإنجليزية في القوالب «العربية». يجب أن تأتي رسائل الخطأ من ملفات الترجمة نفسها التي تأتي منها التسميات؛ ومع Zod، يعني ذلك بناء المخطط من رسائل مترجمة. والنوافذ المنبثقة فخ ثانٍ: يشير دليل RTL من MUI إلى أن المكونات التي تُعرض عبر portals، مثل Dialog، لا ترث السمة dir من العناصر الأب، ويطلب دليل shadcn/ui تمرير dir إلى محتوى Popover وTooltip. الاختبار: أرسل نموذجًا فارغًا بالعربية، ثم افتح نافذة حوار وقائمة منسدلة وتلميحًا (tooltip).

اختبار الخمس دقائق على العرض التجريبي

1. افتح العرض التجريبي وبدّل إلى العربية. إن لم يوجد خيار للعربية، فالقالب يقدم تخطيط RTL في أحسن الأحوال.
2. أعد تحميل الصفحة وتأكد أنها تبقى بالعربية على رابطها الخاص.
3. افتح جدولًا ونموذجًا ورسمًا بيانيًا، وافحص المسافات والأيقونات والأرقام.
4. أرسل نموذجًا فارغًا واقرأ رسائل الخطأ.
5. افتح نافذة حوار وقائمة منسدلة ومنتقي تاريخ وإشعارًا منبثقًا.
6. عُد إلى الإنجليزية وتأكد أن لا شيء بقي معكوسًا.

كيف تختار قالب لوحة تحكم RTL

حدّد ما تحتاجه: تخطيط RTL أم عربية كاملة

إذا كان مستخدموك يقرؤون بالعربية، فأنت تحتاج إلى نصوص عربية ورسائل تحقق مترجمة وروابط عربية، لا مجرد شريط جانبي معكوس. فلوحة الإدارة تضم بسهولة مئات النصوص. القالب الذي يأتي بالعربية يمنحك ترجمة جاهزة للبدء؛ أما القالب الذي يأتي بتخطيط RTL فقط فيترك الترجمة كلها لك.

اختر مكتبة الواجهة التي يعرفها فريقك

يعمل RTL بشكل مختلف حسب المكتبة: قوالب Tailwind تأخذ الاتجاه من الأدوات المنطقية ومن السمة dir، بينما تحتاج قوالب MUI أيضًا إلى theme بإعداد RTL وإضافة (plugin) للأنماط (انظر الأسئلة الشائعة). اختر المكتبة التي يجيد فريقك تتبّع أخطائها: Aniq UI وMetronic وshadcn-admin مبنية على Tailwind CSS؛ وMaterio وVuexy وMinimal وBerry وModernize مبنية على MUI، ويضيف Materio وVuexy إليها Tailwind.

تحقق من تخزين المحتوى بلغتين

ترجمة الواجهة تغطي التسميات. أما محتوى العمل، مثل أسماء المنتجات وعناوين العقارات وأوصاف الأطباق، فيحتاج إلى حقل لكل لغة في المحرر وفي قاعدة البيانات. ولوحات العقارات والمطاعم والإيجارات السياحية من Aniq UI فيها محررات بتبويب أو حقل لكل لغة، ولوحة الإيجارات السياحية لا تنشر أي إقامة حتى تُملأ اللغتان. ولا تذكر صفحات المنافسين التي قرأناها حقول محتوى ثنائية اللغة، لذا اسأل البائع إن كانت بياناتك يجب أن تُنشر باللغتين.

قرّر ما إذا كنت تحتاج إلى واجهة خلفية

تصف قوالب MUI في هذه القائمة تكاملات للمصادقة (NextAuth وFirebase وAuth0 وSupabase) وبيانات تجريبية، لا API لبيانات عملك. سبع من لوحات Aniq UI الثماني لديها API بـ NestJS مع أدوار وصلاحيات، تُباع منفصلة أو ضمن حزمة Full Stack (لوحة التحكم المالية واجهة أمامية فقط)، ولوحات العقارات والمطاعم والإيجارات السياحية تتطلب الـ API الخاصة بها. وإن كانت لديك واجهة خلفية قائمة بالفعل، فحزمة الواجهة الأمامية وحدها هي الخيار الأرخص والأبسط.

اقرأ الترخيص قبل العمل لصالح العملاء

على الوكالات التي تبني لوحات لعملائها أن تقرأ مستويات الترخيص بعناية. في MUI Store، تغطي تراخيص Standard لكل من Materio وMinimal وBerry وModernize المنتجات النهائية التي لا يدفع مستخدموها مقابلها، بينما يغطي ترخيص Extended ($599) المنتجات النهائية التي يدفع المستخدمون مقابلها. وتقسم ThemeSelection وAdminMart تراخيصهما إلى استخدام فردي ومتعدد وموسّع وغير محدود. أما صفحات منتجات Aniq UI فتذكر ترخيصًا واحدًا لكل الحزم: استخدام في عدد غير محدود من المشاريع التجارية، بما فيها مشاريع العملاء.

اختبر العرض التجريبي بالعربية، لا لقطات الشاشة

لقطات الشاشة تعرض أفضل صفحة، لذا أجرِ اختبار الخمس دقائق على العرض التجريبي المباشر. وليست كل العروض التجريبية مفتوحة: عروض Materio وVuexy تبدأ بشاشة تسجيل دخول، وModernize تنشر عرضًا تجريبيًا RTL مستقلًا يمكنك فتحه مباشرة، وعدة عروض تجريبية للوحات Aniq UI، مثل العقارات والإيجارات السياحية واللياقة البدنية، تملأ بيانات حساب تجريبي تلقائيًا في صفحة تسجيل الدخول.

أخطاء شائعة عند شراء لوحة تحكم RTL

فحص صفحة النظرة العامة وحدها

النظرة العامة هي الشاشة الأكثر إتقانًا في أي قالب. أما النماذج ونوافذ الحوار وجداول البيانات والإشعارات المنبثقة فهي الأماكن التي تبقى فيها عادةً فئات اليسار واليمين الفيزيائية والنصوص غير المترجمة.

عكس الصفحة بخاصية transform في CSS

قلب الصفحة باستخدام transform يعكس الشعارات والصور والأرقام داخل الرسوم البيانية مع التخطيط. ومكان الاتجاه الصحيح هو السمة dir والخصائص المنطقية، مع عكس الأيقونات الاتجاهية وحدها عن قصد.

ترجمة الواجهة دون البيانات

لوحة التحكم العربية التي تنشر أسماء منتجات أو إعلانات أو رسائل بريد بالإنجليزية فقط عمل منجز إلى النصف. تأكد أن المحرر وقاعدة البيانات ورسائل البريد الصادرة كلها تحمل اللغتين.

تأجيل العربية إلى ما بعد الإطلاق

كل ml- وleft- وكل نص مكتوب مباشرة في الكود قبل إضافة العربية هو إصلاح مؤجل. واختيار قالب ثنائي اللغة من البداية أقل تكلفة من تحويل قالب لاحقًا.

الأسئلة الشائعة

هل يدعم Tailwind CSS اتجاه RTL؟

نعم. يوفر Tailwind CSS أدوات منطقية مثل ms-* وme-*، التي تضبط margin-inline-start وmargin-inline-end وتتبع السمة dir، إضافة إلى المتغيرات rtl: وltr: للأنماط التي يجب أن تختلف حسب الاتجاه (متغيرات RTL في Tailwind CSS). والقوالب المكتوبة بالأدوات المنطقية منذ البداية تحتاج إلى تعديلات أقل بكثير.

هل Material UI جاهز لـ RTL؟

نعم، لكن عليك تفعيله. يضع دليل MUI dir="rtl" على عنصر html، وينشئ الـ theme مع direction: 'rtl'، ويضيف إضافة RTL الخاصة بـ stylis إلى ذاكرة Emotion المؤقتة (cache). والمكونات التي تُعرض داخل portals، مثل Dialog، تحتاج إلى dir خاص بها. وقوالب MUI في هذه القائمة تعلن دعم RTL، لذا يُفترض أن يكون هذا الإعداد جاهزًا؛ تأكد منه في العرض التجريبي.

كيف أضيف العربية إلى لوحة تحكم Next.js؟

أضف التوجيه حسب اللغة وملفات الرسائل العربية ومعالجة الاتجاه، ثم أصلح التخطيط والتنسيق. بالترتيب:

1. وجّه الصفحات حسب اللغة بمقطع [lang] أو بمكتبة مثل next-intl، لتصبح صفحات /ar موجودة.
2. انقل كل نص ظاهر إلى ملفات الرسائل وأضف ملفًا للعربية.
3. اضبط lang وdir على عنصر html حسب اللغة النشطة.
4. استبدل فئات اليسار واليمين بفئات منطقية، واعكس الأيقونات الاتجاهية.
5. نسّق الأرقام والعملات والتواريخ حسب اللغة.
6. ترجم رسائل التحقق والإشعارات المنبثقة وقوالب البريد الإلكتروني.

القالب الذي يأتي بالعربية جاهزة، مثل لوحات Aniq UI، يختصر عليك معظم هذه القائمة.

ما الفرق بين دعم RTL والترجمة العربية الكاملة؟

دعم RTL يعكس التخطيط؛ أما الترجمة العربية الكاملة فتستبدل كل نص أيضًا، وتنسّق الأرقام والتواريخ للعربية، وتمنح العربية روابطها الخاصة. ومعظم صفحات المنافسين في هذه القائمة تذكر دعم RTL وتعدد اللغات دون تسمية العربية، لذا توقّع نصًا إنجليزيًا داخل تخطيط من اليمين إلى اليسار حتى تترجمه بنفسك.

ما أفضل قالب لوحة إدارة RTL مجاني؟

shadcn-admin هو الخيار المجاني الأقوى لـ React: بترخيص MIT، ومبني بـ shadcn/ui وVite، ويدعم RTL. ولـ HTML العادي أو Bootstrap، فإن Tabler مجاني بترخيص MIT ويقدم كل ملف أنماط بنسخة RTL (41.9 ألف نجمة على GitHub، أكتوبر 2026). ولم نجد قالب إدارة مجانيًا بـ Next.js تذكر صفحته الرسمية دعم RTL؛ فالنسخة المجانية من Materio، على سبيل المثال، تحتفظ بدعم RTL لنسخة Pro.

ما أفضل قالب لوحة إدارة RTL مدفوع؟

للعربية الكاملة مع واجهة خلفية اختيارية: لوحة الإدارة بمساعد الذكاء الاصطناعي من Aniq UI، من $99. وللفرق التي تعتمد Material UI: Materio أو Minimal، وكلاهما من $69 في MUI Store. ولفرق Tailwind التي تحتاج إلى نسخ HTML وReact وNext.js من التصميم نفسه: Metronic، من $49، بعد التأكد من دعم RTL في حزمة Next.js.

الخلاصة

اختر حسب مقدار العربية الذي تحتاجه. إذا كان مستخدموك يعملون بالعربية يوميًا، فاختر قالبًا يقدم العربية كلغة كاملة: لوحة الإدارة بمساعد الذكاء الاصطناعي من Aniq UI للوحات العامة، أو لوحة التحكم المالية للتقنية المالية، أو لوحة تحكم الوكالات العقارية للإعلانات ثنائية اللغة. وإن كنت تحتاج فقط إلى دعم الاتجاه في تصميم MUI، فإن Materio وVuexy وMinimal وBerry وModernize كلها تذكر دعم RTL. وعلى فرق Tailwind التي تعمل عبر عدة أطر عمل أن تنظر في Metronic، أما للبداية المجانية فهناك shadcn-admin.

لوحات Aniq UI الثماني كلها، مع عروضها التجريبية المباشرة، موجودة في صفحة قوالب لوحات التحكم بـ Next.js. وإذا كنت تبني لوحات عربية لعدة عملاء أو قطاعات، فإن Next.js Templates Bundle يضم اللوحات الثماني ضمن قوالبه المدفوعة العشرة.

أدلة ذات صلة

• أفضل قوالب Next.js لعام 2026: مجانية ومدفوعة
• أفضل قوالب لوحة تحكم الإدارة حسب القطاع في 2026
• أفضل قوالب SaaS بـ Next.js وحزم البداية (starter kits) لعام 2026
• أفضل قوالب صفحات هبوط Next.js لعام 2026 (مجانية ومدفوعة)
• أفضل قوالب متجر إلكتروني بـ Next.js لعام 2026 (مجانية ومدفوعة)
• أفضل 10 قوالب Next.js لإدارة لوحات التحكم - 2026

المصادر

• Materio MUI Next.js Admin Template (ThemeSelection)
• Materio في MUI Store
• Materio Free MUI Next.js Admin Template
• Sneat MUI Next.js Admin Template
• Vuexy MUI Next.js Admin Template
• توثيق Vuexy لنسخة Next.js
• Minimal dashboard في MUI Store
• توثيق تعدد اللغات في Minimal
• Berry في MUI Store
• Berry على CodedThemes
• Mantis في MUI Store
• Modernize Next.js Admin Dashboard (AdminMart)
• Modernize في MUI Store
• Metronic (Keenthemes)
• دليل RTL لنسخة Tailwind من Metronic
• أسعار Metronic
• shadcn-admin على GitHub
• Tabler على GitHub
• توثيق RTL في shadcn/ui
• أدوات الهوامش المنطقية في Tailwind CSS
• متغيرات RTL في Tailwind CSS
• دليل الاتجاه من اليمين إلى اليسار في Material UI
• دليل التدويل في Next.js
• التوجيه في next-intl
• تنسيق الأرقام في next-intl
• تنسيق التاريخ والوقت في next-intl
• MDN: Intl.NumberFormat
• MDN: العنصر bdi

تمت المراجعة في أكتوبر 2026.