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

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

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

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

اضغط عربي / 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

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

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

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

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

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

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

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

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

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

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

170/170

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

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

0

صفر تبعيّة

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

2وضعان

داكن وفاتح

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

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

لا نظير لها عالميًّا

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

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

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

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

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

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

التسعير

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

مجاني

0 ر.س للأبد
  • كل المكوّنات المفتوحة
  • كود HTML و CSS
  • استخدام تجاري
  • البرومبتات الجاهزة
  • القوالب الكاملة
تصفّح الآن

شهري

71 ر.س شهريًّا
  • كل ما في المجاني
  • البرومبتات لكل مكوّن
  • القوالب والبلوكات
  • ألغِ متى شئت
  • يتوقّف بانتهاء الاشتراك
عرض الإطلاق

مدى الحياة

746 ر.س 1,350 ر.س دفعة واحدة
  • كل ما في الشهري
  • كل الإضافات القادمة
  • بلا اشتراك ولا تجديد
  • يبقى لك بعد أي تغيير في الأسعار

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

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

اطلب عرض سعر

الدفع لم يُفتح بعد — المكتبة متاحة كاملةً للتصفّح والنسخ مجّانًا.

الأسعار مقترحة لا نهائية. مبنيّة على الخيار (ب) في وثيقة القرارات — وسط السوق. الأرقام بالريال محوَّلة بالتثبيت الرسمي 3.75، وتُراجَع قبل الإطلاق.

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

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

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

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