Awesome GitHub RepositoriesComponent Wrappers

Bootstrap-vue is a Vue.js UI framework and component library that integrates Bootstrap CSS styling and utility classes into a component-driven development workflow. It provides a set of pre-styled interface elements and layout patterns designed for building responsive web user interfaces. The library functions as a bridge between Bootstrap and Vue.js, allowing developers to create responsive web layouts and reusable frontend components such as navbars, alerts, and modals. It focuses on bringing Bootstrap's design system into a Vue.js application environment. The framework covers core capabil

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

vue-video-player هو مكون غلاف يستخدم لدمج واجهة تشغيل فيديو قابلة للتخصيص في تطبيقات Vue وReact باستخدام إطار عمل Video.js. يوفر نظاماً موحداً لتضمين مشغلات الفيديو في طبقة واجهة مستخدم تفاعلية. يتعامل المشروع مع تكوين مظهر الفيديو، بما في ذلك إدارة صور الملصقات، ونسب العرض إلى الارتفاع، والتخطيطات السائلة سريعة الاستجابة للتكيف مع أحجام الشاشات المختلفة. يوفر آليات لإدارة خصائص التشغيل مثل مستوى الصوت، والمعدل، والتشغيل التلقائي، وحالات كتم الصوت. يتضمن النظام أدوات لمراقبة معالم التشغيل وأحداث النظام، إلى جانب كائن حالة يتتبع البيانات في الوقت الفعلي حول وقت التشغيل والمدة والحالة.

wux-weapp هي مكتبة واجهة مستخدم قائمة على المكونات مصممة خصيصاً لبيئة WeChat Mini Program. توفر مجموعة من اللبنات الأساسية الموحدة والقابلة لإعادة الاستخدام والتوسيع لإنشاء تخطيطات وتفاعلات متسقة عبر صفحات تطبيقات الهاتف المحمول. يعمل إطار العمل كمجموعة واجهة متعددة المنصات تتيح توحيد واجهة الواجهة الأمامية وسير عمل النماذج الأولية السريع. يسمح ببناء تصميمات واجهة مستخدم احترافية للهاتف المحمول باستخدام عناصر مرئية مصممة مسبقاً بدلاً من كتابة الأنماط والمنطق المخصص من الصفر. تدمج المكتبة اتفاقية تسمية الأنماط القائمة على BEM وسمات CSS المتغيرة لإدارة المظهر المرئي. تستخدم نموذج تكوين مدفوع بالخصائص (Props) ومغلفات مكونات مخصصة لتوسيع مكونات WeChat Mini Program الأصلية مع فصل العرض عن منطق الأعمال.

react-blessed هو عارض React لمكتبة blessed، يتيح بناء واجهات سطر أوامر تفاعلية باستخدام بنية تعتمد على المكونات. يعمل كإطار عمل لواجهة مستخدم طرفية (TUI) يقوم بربط شجرة مكونات افتراضية ببيئة طرفية، مما يسمح لإدارة حالة React التصريحية بالتحكم في أدوات blessed الطرفية وعقد التخطيط. يدعم النظام دمج عارضين مخصصين من خلال دالة إنشاء مخصصة لتغيير كيفية إنشاء العقد. ويوفر آلية لاسترداد كائنات المكتبة الطرفية الأصلية من خلال المراجع للتلاعب اليدوي، ويحول خصائص النمط القائمة على الكائنات إلى قواعد تنسيق طرفية. يتعامل إطار العمل مع ترجمة خصائص المكونات (props) إلى مستمعي أحداث طرفية أصليين لتفاعلات لوحة المفاتيح والفأرة. كما يوفر سير عمل منظم لتصميم تخطيطات الطرفية وإدارة دورة حياة واجهة سطر الأوامر.

mescroll is a JavaScript infinite scroll library and mobile web scroll manager designed to implement pull-to-refresh and pull-up-loading patterns. It provides a system for handling touch-based scrolling, managing pagination states, and integrating these behaviors within Vue applications. The library distinguishes itself through specialized support for chat interfaces, enabling reverse-order data loading and the ability to inject data in a reverse direction to simulate message histories. It also includes a state-persistent scroll cache to preserve vertical offsets and list data when users navi

vue-antd-admin is an administrative dashboard framework and enterprise UI starter kit. It serves as a template for building professional back-office interfaces and internal tooling, integrating the Ant Design component library within a Vue environment. The project provides a structured layout for creating data-heavy internal tools, specializing in a wrapper for the Ant Design system to ensure consistent user interfaces for enterprise web applications. The framework includes capabilities for centralized API request handling, dynamic menu mapping, and route-based view injection. It further sup