Awesome GitHub RepositoriesGeneral Progress Bars

ngx-bootstrap هي مجموعة من أدوات واجهة المستخدم ومكونات Bootstrap المصممة خصيصاً لإطار عمل Angular. توفر مكتبة من عناصر الواجهة القابلة لإعادة الاستخدام المصممة للعمل مع محرك تجميع وعرض Angular Ivy. تتيح المكتبة دمج مكونات Bootstrap في تطبيقات Angular لإنشاء واجهات مستخدم مستجيبة دون الحاجة إلى CSS أو JavaScript يدوي. تحل محل الحاجة إلى jQuery باستخدام توجيهات Angular لإدارة الحالة ومحرك تحديد موضع تكيفي للعناصر العائمة. تغطي مجموعة المكونات مجموعة واسعة من العناصر التفاعلية، بما في ذلك عناصر التحكم في التنقل مثل علامات التبويب والترقيم، والنوافذ المتراكبة مثل النوافذ المنبثقة (modals) والتلميحات (popovers)، وأدوات إدخال البيانات مثل منتقي التاريخ والوقت. تتضمن أيضاً أدوات التخطيط والتعليقات مثل الأكورديون، وأشرطة التقدم، والتنبيهات.

This project is a CSS framework and styling layer that applies Bootstrap visual styles to jQuery UI components. It functions as a cross-library bridge to unify the visual identity of these two libraries, ensuring jQuery UI widgets match a consistent Bootstrap-based design system. The framework resolves visual and functional conflicts between the libraries through selector-based style injection and theme mapping. It uses a layered integration approach to attach standardized CSS classes to elements rendered by the widget library, preventing style collisions. The project covers a wide range of

XUI هو إطار عمل لواجهة مستخدم Android ومكتبة مكونات مصممة لبناء واجهات التطبيقات. يوفر مجموعة شاملة من التخطيطات الأصلية، وحقول الإدخال، وعناصر التنقل، مدعومة بنظام إدارة سمات متعدد المستويات لتعريف السمات البصرية العالمية والأنماط المتجاوبة. يتميز إطار العمل بمجموعة متخصصة من طرق العرض المخصصة ومجموعات أدوات التفاعل، بما في ذلك تقويمات عالية الأداء، وعرض تصور البيانات، ومجموعة متنوعة من الأزرار المصممة مع مؤقتات مدمجة وتأثيرات بصرية. كما يتضمن إمكانيات معالجة الوسائط المتكاملة مثل مسح الباركود ورموز QR، وتوليد QR مخصص، وواجهة قص الصور. يغطي المشروع نطاقاً واسعاً من قدرات واجهة المستخدم وتجربة المستخدم، بما في ذلك مكونات إدخال البيانات المتنوعة، وبدائيات النوافذ العائمة، ومجموعة واسعة من مؤشرات التغذية الراجعة مثل snackbars ومقاييس التقدم. كما يوفر قوالب التخطيط، وتكوين الطباعة، وأنظمة الرسوم المتحركة لإدارة انتقالات العرض والتغذية الراجعة التفاعلية.

vue-strap هو إطار عمل لواجهات المستخدم ومكتبة مكونات توفر مجموعة من عناصر الواجهة ذات الطابع الموحد المستندة إلى Bootstrap لاستخدامها داخل تطبيقات Vue.js. يعمل كحزمة مكونات مبنية على Bootstrap تربط بين تنسيق إطار عمل CSS وبنية مكونات JavaScript التفاعلية. تنفذ المكتبة مجموعة واسعة من اللبنات الوظيفية، بما في ذلك أشرطة التنقل، والقوائم المنسدلة، وعناصر التخطيط الأساسية مثل لوحات الأكورديون والمحتوى المبوب. كما تتضمن مجموعة شاملة من مدخلات النماذج التي تتميز بمحددات التاريخ، والبحث التنبؤي، وإدارة حالة التحقق المتكاملة. تغطي القدرات الإضافية ملاحظات المستخدم والتراكبات من خلال استخدام مربعات الحوار المشروطة (modals)، والنوافذ المنبثقة المعلوماتية، ومؤشرات التحميل، والتنبيهات المرمزة بالألوان. يوفر إطار العمل أيضًا أدوات لتصميم التخطيط المتجاوب وسير عمل إدخال البيانات التفاعلي.

Bootflat هي مكتبة مكونات واجهة أمامية وامتداد لإطار عمل CSS يطبق جمالية التصميم المسطح (flat design) لتصميم تطبيقات الويب. توفر مجموعة من عناصر الواجهة القابلة لإعادة الاستخدام ونظام شبكة (grid) يركز على الجوال لتسهيل تصميم الويب المتجاوب. يدمج المشروع التصميم والتطوير من خلال سير عمل مدفوع بـ PSD، مما يوفر مجموعات مكونات Photoshop احترافية ولوحات ألوان منسقة لنماذج الواجهة. يتم التعامل مع التخصيص المرئي عبر تجاوزات السمات القائمة على المتغيرات للألوان والخطوط. تغطي المكتبة مجموعة واسعة من مكونات واجهة المستخدم، بما في ذلك عناصر النموذج مع مدخلات تم التحقق منها وعناصر تحكم اختيار مخصصة، وأدوات تنقل مثل أجزاء علامات التبويب والترقيم، وهياكل تخطيط مثل وحدات البطل (hero units) وتذييلات الصفحات. تتضمن أيضاً عناصر ملاحظات مثل رسائل التنبيه، وتلميحات الأدوات، وأشرطة التقدم لتوصيل حالة النظام.

Papercss هو إطار عمل لواجهة المستخدم (UI) يعتمد على CSS ونظام تصميم بنمط المستندات، يُستخدم لبناء تخطيطات صفحات ويب متجاوبة. يعمل كمكتبة CSS تعتمد على Less تطبق جماليات تشبه الورق وخطوطاً منظمة لمنح صفحات الويب مظهر المستندات المادية. يدمج المشروع أيضاً نموذج مكتبة CSS يركز على الأدوات (utility-first) لتسريع عملية التصميم. يتميز إطار العمل بقدرته على أتمتة الزخارف المرئية، مثل تطبيق أنماط الحدود الدوارة وتأثيرات الظل على العناصر الفرعية. يستخدم نظام متغيرات يعتمد على Less وتجميعاً معيارياً لملفات الأنماط، مما يسمح للمستخدمين بتخصيص متغيرات التصميم العالمية واختيار مجموعات مكونات محددة لتقليل حجم ملف الأنماط النهائي. تغطي المكتبة مجموعة واسعة من الإمكانيات، بما في ذلك شبكة متجاوبة من اثني عشر عموداً تعتمد على Flexbox، ومجموعة شاملة من مكونات واجهة المستخدم مثل النوافذ المنبثقة (modals)، وتنبيهات الإشعارات، وأشرطة التنقل المتجاوبة. كما يوفر تنسيقاً متخصصاً للمحتوى التقني، بما في ذلك كتل الأكواد، وجداول البيانات، وتخطيطات المقالات، إلى جانب دعم وضعي الألوان الفاتح والداكن.

This project is a comprehensive learning resource and technical reference for reactive programming with RxJS. It provides a structured curriculum, curated examples, and an indexed operator catalog to help developers shift from imperative to declarative programming using observable data streams and functional operators. The repository features a library of reactive UI patterns and implementation recipes. These cover practical applications such as type-ahead search, game loops, gesture-based interactions like swipe-to-refresh, and security overlays like lockscreens. The resource covers a broad