نظام تصميم عربي-أولاً — لا معرَّب لاحقًا

انسخها كودًا، أو أعطها لذكائك الاصطناعي

مكتبة مكوّنات وبلوكات وقوالب، كل عنصر فيها مُختبَر بالعربية والإنجليزية، وبالوضعين الداكن والفاتح. تأخذه كودًا نظيفًا، أو كبرومبت جاهز لأي أداة ذكاء اصطناعي.

تصفّح المكتبة شاهد برومبت كاملًا

اضغط عربي / EN في الأعلى وراقب كل بطاقة تنقلب — الشريط الجانبي، الأسهم، اتجاه الإشعارات، محاذاة الجداول.

PenTool UI
الفرق الذي لا يُرى في لقطة شاشة

عربي مصمَّم ≠ عربي معرَّب

ستّ حالات تتكرّر في كل واجهة تُرجمت بعد بنائها. ليست أخطاء لغة — بل أخطاء نظام: خصائص فيزيائية بدل منطقية، ومقياس طباعي لاتيني فُرض على حروف لا تشبهه.

الحالة معرَّب لاحقًا مصمَّم عربيًّا
العملة والسوقالأرقام غربية في اللغتين. العملة وحدها هي ما ينتقل — والرمز يسبق الرقم بالإنجليزية ويليه بالعربية.
سوق واحدة
$1,234.50
رمز الدولار في واجهة عربية، أو SAR ملحقًا بالرقم — سوق واحدة تُفرض على الجميع.
ثلاثة أسواق
1,234.50 ر.سالسعودية
1,234.500 د.أالأردن — ثلاث خانات
$1,234.50الإنجليزية
التاريخالترتيب الأمريكي ملتبس على القارئ العربي، والهجري مطلب لا زينة.
ملتبس
08/21/2026
شهر/يوم/سنة — أهو 21 أغسطس أم 8 سبتمبر؟
هجري + ميلادي
21 أغسطس 2026
8 ربيع الأول 1448 هـ
اتجاه الحركةالسهم رمز اتجاهي. في RTL «التالي» يسارًا — والسهم ينقلب معه.
لا ينقلب
التالي →
يشير خارج اتجاه القراءة
ينقلب
التالي ←
ينقلب مع الاتجاه
الشريط الجانبيالفارق سطر واحد: margin-left ثابت، وmargin-inline-start ينقلب.
خصائص فيزيائية
يبقى يسارًا رغم أن الصفحة تُقرأ يمينًا
خصائص منطقية
ينتقل إلى جهة البداية
ارتفاع السطرالنقاط والهمزات والمدّات تحتاج مدى رأسيًا أوسع من اللاتيني: +0.18.
خانق

أنشئ نظام تصميم عربيًّا مُختبَرًا، لا واجهةً لاتينيةً قُلبت وأُلبِست حروفًا عربية.

+0.18

أنشئ نظام تصميم عربيًّا مُختبَرًا، لا واجهةً لاتينيةً قُلبت وأُلبِست حروفًا عربية.

حقول الاسمالاسم الرباعي مطلب رسمي في الخليج — لا يُختصر في حقلين.
حقلان
الاسم الأولاسم العائلة
حقلان — لا يستوعبان اسمًا رسميًّا
رباعي
الاسمالأبالجدالعائلة
أربعة حقول — مطابق للهوية
ما لم يُتحقَّق منه ليس معتمدًا

معيار الجودة — بالأرقام

كل رقم في هذا القسم يُحسب من المكتبة نفسها في كل بناء، لا يُكتب يدويًّا. فإن أضفنا مكوّنًا تغيّر العدد، وإن كسرنا قاعدة سقط البناء قبل أن يصل الادّعاء إلى هنا.

بوّابة إلزامية 88فحصًا

التباين يُفشل البناء

كل زوج لون في اللوحة يُقاس في الوضعين الداكن والفاتح مقابل معيار WCAG 2.1 AA. سقوط فحص واحد يوقف الإصدار — لا يُشحن التصميم ثم يُصلَح لاحقًا.

مُدقَّق آليًّا 0

صفر خاصية فيزيائية

margin-left لا ينقلب مع الاتجاه، وmargin-inline-start ينقلب. السجلّ يستخدم 445 خاصية منطقية وصفر فيزيائية — عدا استثناء واحد مقصود: محاذاة الأرقام يسارًا في الاتجاهين.

224/224

كل مكوّن بلغتين

لا مكوّن يحمل نصًّا بلغة واحدة. اضغط عربي / EN في الأعلى وراقب الاثني عشر تنقلب معًا — الاتجاه والمحاذاة والأسهم واتجاه الإشعار.

0

صفر تبعيّة

HTML و CSS فقط. لا إطار، ولا مكتبة، ولا خطّ من شبكة توصيل. تنسخ المكوّن فيعمل — ولا يتعطّل يوم يتغيّر إصدار مكتبة لا تملكها.

2وضعان

داكن وفاتح

كل لون معرَّف في الوضعين، ويُفحص تباينه فيهما. الوضع الفاتح ليس عكسًا آليًّا للداكن — بل لوحة مستقلّة مقيسة.

★ عربي حصري 20مكوّنات

مبنيّة للعربية وحدها

تقويم هجري، اسم رباعي، هوية وإقامة بتحقّق من رقم التحقّق، وفاتورة ضريبية عربية. هذه لا تُترجَم من مكتبة أجنبية — تُبنى من متطلّبات السوق مباشرة.

لماذا هذا مهمّ؟ «جودة عالية» عبارة تكتبها كل المواقع. الفرق أن هذه الأرقام قابلة للتحقّق: شغّل npm run contrast فتراها تُقاس أمامك، وشغّل npm run audit فيقرأ 224 مكوّنًا و16439 سطرًا ويعيد الحساب. ولو كسر أحدنا قاعدة، لن يظهر الرقم خاطئًا — بل لن يُبنى الموقع أصلًا.

نبني لك، لا نبيعك قالبًا

اطلب موقعك من خلالنا

الموقع الذي تقف عليه الآن هو العيّنة. لا صور أعمال سابقة ولا وعود — ما تراه هو ما نبنيه، والمكوّنات الـ224 تحته هي موادّه نفسها.

اطلب عرض سعر ردّ خلال يوم عمل · بلا التزام
224مكوّنًا جاهزًا
88فحص تباين يفشل البناء
0خاصية تكسر الانعكاس
2وضعان مقيسان
1
تكتب لنا ما المنشأة، ولمن الموقع، وما الذي يجب أن يفعله الزائر.
2
نردّ بعرض نطاق واضح ومدّة وسعر. لا ساعات مفتوحة ولا بنود مطّاطة.
3
نبني على النظام المكوّنات نفسها التي تراها هنا — مُختبَرة بالعربية والإنجليزية، وبالوضعين.
4
تستلم الكود الموقع وكوده ملكك. بلا اشتراك، وبلا ارتباط بنا لتشغيله.
مفتوحة بالكامل

مجّانية اليوم

كل ما في المكتبة متاح اليوم: المكوّنات والبرومبتات والشيفرة. خذها وابنِ بها — بلا حساب ولا كلمة مرور ولا بطاقة.

التسعير يُعلن حين يفتح الدفع. ونسألك بريدك مرّة واحدة عند أوّل نسخ — لا أكثر، ولا شيء غيره.

الأنظمة الجاهزة — إدارة الشركات والموظفين

أنظمة تعمل اليوم لدى عملاء، تُركَّب وتُدرَّب عليها فرقك. لا تُشترى بضغطة — تُسعَّر حسب حجم المنشأة وعدد المستخدمين.

اطلب عرض سعر

انسخ أول مكوّن خلال دقيقة

بلا حساب، وبلا تثبيت، وبلا تبعيّات. افتح المكتبة، اختر مكوّنًا، انسخ الكود — أو خذ البرومبت وأعطه لذكائك الاصطناعي.

تصفّح المكتبة شاهد برومبتًا كاملًا

ما الذي تغيّر الآن؟