عن المشروع

تعد Awesome UI Component Library دليلاً منسقاً لمكتبات مكونات الإطارات البرمجية لأنماط واجهة المستخدم، وأدوات التطوير، وأنظمة التصميم. ووفقاً لوصفها الخاص، فهي تستبعد عمداً مكتبات المكونات الفردية مثل الأزرار أو القوائم المنسدلة أو النماذج، وتركز بدلاً من ذلك على المكتبات الأوسع وأنظمة التصميم التي توفر أساساً لبناء الواجهات. الهيكل والنطاق تم تنظيم القائمة بشكل أساسي حسب إطار العمل الأمامي، مع جدول محتويات يغطي React وVueJS وReact Native وLynx وAngular وEmberJS وMithril وRails وWeb Components وAstro. وتنقسم العديد من أقسام الإطارات الكبيرة إلى أقسام فرعية مثل "مكتبات حالات الاستخدام الخاصة" و"الأدوات" و"قائمة المجتمع ذات الصلة"، مما يساعد القراء على التمييز بين المجموعات العامة والعروض الأكثر تخصصاً والأدوات المساعدة. يعتبر قسم React هو الأكثر شمولاً، حيث يمتد ليشمل لغات التصميم للمؤسسات، وأنظمة التصميم للشركات، والمكونات الأولية التي تركز على إمكانية الوصول، والمجموعات الموجهة للهواتف المحمولة، وتطبيقات Bootstrap وMaterial Design، والمكتبات ذات الأنماط أو السمات المحددة. ومن أمثلة الإدخالات المدرجة: Ant Design React وAtlaskit وBlueprint وCarbon وChakra UI وElastic UI وEvergreen وFabric وGestalt وGrommet وLightning Design System وMaterial UI وPatternFly React وPolaris React وPrime React وReakit وRebass وSemantic UI React وReact Bootstrap وReactstrap. وتحمل العديد من الإدخالات وصفاً قصيراً لغرض المكتبة أو أصلها، ورابطاً لموقع المشروع، وبالنسبة للمشاريع المستضافة على GitHub، تظهر شارة عدد النجوم. وتتلقى VueJS وReact Native وAngular وEmberJS معاملة مماثلة، حيث يحتوي كل منها على أقسام فرعية لحالات الاستخدام الخاصة وقوائم المجتمع. بينما تمتلك Web Components وMithril وRails وAstro وLynx أقساماً مخصصة أصغر. وبالإضافة إلى مكتبات الإطارات البرمجية، تجمع القائمة أيضاً "بعض محادثات المجتمع" وقسماً لـ "أدلة الأنماط" (Styleguides)، لتوجيه القراء نحو مراجع التصميم والمناقشات بدلاً من الكود البرمجي وحده. كيفية الاستخدام تعتبر هذه القائمة نقطة انطلاق لتقييم أسس واجهة المستخدم لأي مشروع؛ حيث يمكن للقراء مقارنة المكتبات ضمن إطار عمل مختار، والتحقق مما إذا كان هناك خيار يركز على إمكانية الوصول أو السمات، والانتقال إلى التوثيق الحي والعروض التوضيحية والمستودعات. ونظراً لأن الإدخالات ترتبط بمواقع خارجية، فمن الأفضل التحقق من توفر وحالة صيانة أي مكتبة معينة من المصدر المرتبط. ويشير ملف README إلى إرشادات المساهمة، والمشروع مرخص بشكل مفتوح مع وجود قسم للمساهمة وقسم للترخيص في جدول المحتويات. كما تمت الإشارة إلى قائمة ذات صلة، وهي Awesome UX Design Styleguides، للقراء المهتمين بإرشادات التصميم بدلاً من كود المكونات. الجمهور المستهدف تستهدف القائمة مطوري الواجهات الأمامية والمصممين والفرق التي تختار مكتبة مكونات أو نظام تصميم، بالإضافة إلى أي شخص يقوم بصيانة دليل أنماط أو نظام تصميم ويبحث عن نماذج سابقة عبر مختلف إطارات العمل.