المختبر
تجارب يمكنك تشغيلها: مكتبة واجهات حيّة، وساحات تجربة على StackBlitz و CodePen، والأخطاء التي أبلغت عنها للمكتبات.
أبني مكتبات واجهات خاصة بي
بدون Material وبدون Bootstrap. أصمّم مكتبات مكوّنات خاصة مبنية على رموز التصميم، فيها عدة ثيمات ووضع داكن وأوضاع لسهولة الوصول ودعم العربية من اليوم الأول. جرّبها هنا.
الألوان
الوضع
سهولة الوصول
- 🎨 رموز تصميم: مصدر واحد للويب والموبايل
- 🧩 +40 مكوّنًا: نماذج وجداول ونوافذ وتنبيهات
- ♿ تباين WCAG AA في كل ثيم
- 🌍 جاهزة للعربية، Angular و React
- مراجعة الرموزجديد
- مراجعة RTLتم
- فحص الوضع الداكنمراجعة
StackBlitz و CodePen
نماذج صغيرة قابلة للتشغيل: إعادة إنتاج أخطاء أرسلتها للمكتبات، وتجارب مكوّنات، وعروض CSS خالصة. افتح أيًّا منها وجرّب.
StackBlitz
كل المشاريع ↗- Angular Date PickerAngularمنتقي تاريخ مخصّص بقناع إدخال، يفتح من الحقل أو من زر الحقل.443 مشاهدة · 4 نسخ
- PrimeNG ContextMenuPrimeNGإعادة إنتاج لبلاغي في PrimeNG رقم #13468: تبديل عناصر القائمة عند النقر بالزر الأيمن.إعادة إنتاج خطأ
- Angular + pdf.jspdf.jsعزل خطأ عرض pdf.js على أجهزة iPhone الأحدث (pdf.js #20306).إعادة إنتاج خطأ
- PrimeNG Tree CheckboxPrimeNGشجرة اختيار بمربعات تحديد: الحالات الجزئية ومزامنة الاختيار.تجربة مكوّن
- Read-only editor tooltipVite · TSتلميح يوضّح للمستخدم سبب كون المحرّر للقراءة فقط.نمط تجربة مستخدم
- PDF editorAngularتجربة عرض ملفات PDF والتعليق عليها داخل المتصفح بـ Angular.تجربة
CodePen
كل الأعمال ↗- Wheel GalleryCSS onlyمعرض صور دوّار بـ CSS فقط، دون JavaScript.
- Conic Gradient LoaderCSSمؤشّر تحميل مبني بـ conic-gradient والأقنعة.
- Custom Y-axis labelsHighchartsتسميات محاور منسّقة ومترجمة للوحات البيانات.
- Time-series demoHighchartsرسم بياني زمني قابل للتكبير للبيانات المباشرة.
- Chart annotationsHighchartsإضافة ملاحظات للأحداث مباشرة على الرسم.
- Numeric x-axis bugبلاغ خطأإعادة إنتاج مصغّرة أُرسلت لفريق دعم المزوّد.
رادار المصادر المفتوحة
عندما تتعطل مكتبة في الإنتاج، أبلّغ عنها مع مثال لإعادة الإنتاج بدل الالتفاف عليها بصمت.
Mozilla pdf.js#20306تم الحل
توقفت ملفات PDF عن العرض على iPhone 15 Pro بعد الترقية إلى 5.4 بينما عملت على iPhone 11، فعزلت الخلل الخاص بالجهاز.
PrimeNG#13468تم الحل
لم يعد ممكنًا تبديل عناصر ContextMenu لحظة النقر الأيمن بعد تغيّر آلية processedItems الداخلية.
PrimeNG#13479تم الحل
تعطّل سحب نافذة Dialog عند عبور المؤشر إلى محتواها، فاختفى مقبض السحب أثناء الحركة.
PrimeNG#13506مغلق
اقترحت تحميلًا كسولًا من الخادم للتمرير الافتراضي في Dropdown (رقم الصفحة وحجمها عند نهاية التمرير).