مجموعة أدوات أمامية داكنة المظهر بالكامل. خصّص كلّ شيء من رمزٍ واحد، وركّب أكثر من ٥٠ مكوّناً جاهزاً، وأضِف لها الحياة عبر نواة JavaScript بلا اعتماديات — مع دعم RTL وطباعة عربية أصيلة في الصندوق.
تُشغّل منتجات فرقٍ سريعة الحركة
ملفّان فقط وبلا خطوة بناء. اربط ملف الأنماط، وأضِف الصنف nyx إلى عنصر <body>، ثم أضِف المُشغّل للتبويبات والنوافذ والإشعارات.
<!-- 1. the framework -->
<link rel="stylesheet" href="nyx.css">
<!-- 2. opt the body in (RTL) -->
<body class="nyx nyx-reset" dir="rtl">
<button class="nyx-btn nyx-btn-primary">ابدأ</button>
<!-- 3. the runtime -->
<script src="nyx.js"></script>إعدادات افتراضية مدروسة، ونظام رموز تعيد تنسيقه بسطر واحد، وسلوكيات لا تحتاج كتابة جافاسكربت.
كلّ عنصر تفاعلي مُضاء من الداخل — توهّجات ملوّنة وأسطح متعدّدة وزجاج يمنح الواجهة عمقاً حقيقياً على خلفية داكنة.
تجاوز رمزاً واحداً --nyx-* لإعادة تلوين الواجهة بالكامل.
مُشغّل جافاسكربت صغير. بلا خطوة بناء وبلا ارتباط بإطار.
0خصائص CSS المنطقية تعكس كلّ مكوّن تلقائياً.
اربط النوافذ والتبويبات والأدراج بالسمات — دون كود.
تخطيط واحد يتكيّف مع كلّ شاشة — مع إنجاز عمل الإتاحة مسبقاً نيابةً عنك.
لكلّ مكوّن صفحته الخاصّة مع الاستخدام وأمثلة حيّة ومرجع للأصناف. ابدأ من هنا:
ستة أنماط، وتوهّج، وحالات تحميل.
زجاجية، ومتدرّجة، وإحصائية.
حقول وقوائم ومفاتيح وبحث.
جداول قابلة للفرز وصفوف مؤشّرات.
نوافذ وأدراج وتلميحات ومنبثقات.
الخط الكبير، الحركات، الخط الزمني والمزيد.
خلفيات محيطة، ورسوم بيانية بلا أيّ اعتماديات، وكتلة شيفرة تُنسخ بنقرة — جميعها مدفوعة باللون، وتدعم RTL، وتحترم تقليل الحركة.
مقارنة صريحة مع أشهر الأطر — مع التركيز على ما يهمّ المطوّر العربي فعلاً.
| الميزة | نيكس | Tailwind | Bootstrap |
|---|---|---|---|
| خطوط عربية أصيلة مدمجة | — | — | |
| الأرقام العربية والتقويم الهجري | — | — | |
| دعم RTL بخصائص CSS المنطقية | إضافة | ||
| مكوّنات وسلوكيات جاهزة بلا كتابة كود | — | ||
| بلا خطوة بناء | — | ||
| سمة «العمق المضيء» داكنة أوّلاً | — | — |
المقارنة لأغراض التوضيح؛ كلّ إطار ممتاز في مجاله — نيكس مُحسَّن للعربية أوّلاً.
بلا إعداد وبلا اعتماديات. أضِف ملفّين فقط وأطلق واجهة مضيئة جاهزة للعربية اليوم.
خصّص نيكس مباشرة