Awesome GitHub RepositoriesMini Program UI Libraries

vant-weapp is a UI library for WeChat Mini Programs, providing a collection of reusable interface components to create consistent user experiences. It functions as a layout framework for structuring applications and a mobile form component library for capturing structured user data. The project includes a specialized e-commerce component set designed for retail patterns, such as product cards, area selectors, and order submission bars. The library covers a broad range of capabilities, including application navigation architecture, complex form implementation through calendars and pickers, a

weui-wxss is a mobile design system and UI library providing a collection of standardized styles and widgets for the WeChat Mini Program ecosystem. It serves as a component framework of style sheets that ensure applications maintain a native look and feel. The library focuses on frontend interface standardization, applying uniform visual styles to buttons, dialogs, and other interface elements. This ensures consistency across the layouts and components of mini programs developed within the WeChat ecosystem. The system utilizes a global stylesheet architecture with standardized design tokens,

weui-wxss is a mobile design system and UI framework designed for the WeChat Mini Program development environment. It provides a collection of reusable components and predefined styles to ensure interfaces match the native WeChat look and feel. The library focuses on implementing a native WeChat user experience by translating mobile design mockups into working code using standardized visual guidelines. It manages the visual appearance of applications through a consistent set of stylesheets tailored for the WeChat runtime. The framework includes capabilities for style management and the imple

coloruicss is a CSS UI component library and high-saturation design system specifically developed for mini program environments. It provides a collection of pre-styled visual elements designed to meet the technical constraints and rendering behaviors of these platforms. The framework focuses on replacing default system headers with a dedicated custom navigation bar framework. This allows for the creation of stylized top navigation areas that support custom colors, images, and action buttons. The system manages visual consistency through a CSS-based theming framework using custom properties t

This repository is a demonstration project for building mini programs that run inside the WeChat ecosystem. It provides a complete development framework for creating lightweight, native-feeling services using declarative components, data binding, and platform APIs. The project showcases how to construct applications with a component-based UI architecture, file-based page routing, and a dual-thread rendering model where the logic layer operates in a JavaScript engine while the view layer renders through native WebView components. The demo illustrates integration with cloud services, including

iView WeApp is a UI component library designed specifically for building WeChat mini-program interfaces. It provides a set of reusable, pre-styled components that developers can compose into mobile pages and layouts, following the native WeChat component model where each component has its own template, style, script, and configuration files. The library organizes the user interface as a tree of self-contained components that manage their own view and logic, with a clear separation between behavior in JavaScript files and visual structure in WXML templates. Components are packaged as independe

WeApp_Demos هي مجموعة من عينات الكود المصدري والتطبيقات المرجعية لبناء تطبيقات WeChat المصغرة والألعاب المصغرة. تعمل كمكتبة أمثلة ومعرض مكونات يحتوي على أنماط واجهة مستخدم قابلة لإعادة الاستخدام وعروض توضيحية وظيفية لسيناريوهات تطبيقات الهاتف المحمول التفاعلية. يتضمن المستودع مجموعة قوالب لأنماط تصميم الألعاب وكود البداية خصيصاً لتطوير ألعاب صغيرة النطاق داخل نظام WeChat البيئي. تغطي هذه الموارد تنفيذ مكونات الواجهة الأمامية والنماذج الأولية السريعة للتطبيقات من خلال توفير مجموعة منسقة من العروض التوضيحية العاملة. يتم تنظيم المحتوى لدعم تطوير التطبيقات والألعاب خفيفة الوزن من خلال استخدام سيناريوهات جاهزة وكود مصدري مرجعي.

Wux هو إطار عمل ومكتبة واجهة مستخدم قائمة على المكونات مصممة خصيصاً لبناء واجهات المستخدم داخل منصة WeChat Mini Program. توفر مجموعة من المكونات القابلة لإعادة الاستخدام والتوسيع التي تعمل كمجموعة واجهة مستخدم عبر الأجهزة لضمان مظهر وشعور متسق عبر أحجام الشاشات والأجهزة المختلفة. ينفذ إطار العمل بنية مكونات واجهة أمامية معيارية، مما يسمح للمطورين بإنشاء تخطيطات متجاوبة باستخدام عناصر مرئية مصممة مسبقاً. يستخدم نظاماً من المكونات القابلة للتخصيص للحفاظ على الاتساق المرئي عبر نظام WeChat البيئي. يغطي المشروع مجموعة من القدرات المعمارية، بما في ذلك التكوين المدفوع بالخصائص، وسمات CSS المتغيرة للتخصيص الديناميكي، وحقن الأنماط المعيارية. كما يستخدم مغلفات عناصر مخصصة لتغليف المنطق والأنماط لتحسين قابلية إعادة الاستخدام.

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

wx-charts هي مكتبة لتصور البيانات ومجموعة من مكونات واجهة المستخدم مصممة خصيصاً لنظام WeChat Mini Program. تعمل كمحرك عرض يستخدم واجهة برمجة تطبيقات canvas لرسم المخططات والرسوم البيانية داخل تطبيقات الهاتف المحمول خفيفة الوزن هذه. توفر المكتبة عناصر مرئية متخصصة لإنشاء لوحات معلومات الهاتف المحمول، بما في ذلك المخططات الدائرية والخطية والرادارية. تم تصميم هذه المكونات للتعامل مع مجموعات البيانات المعقدة وعرضها كتمثيلات مرئية تفاعلية.

Lin-ui هي مكتبة مكونات ومجموعة أدوات تطوير مصممة خصيصاً لإنشاء تطبيقات WeChat Mini Program. تعمل كإطار عمل لواجهة مستخدم متجاوبة يوفر مكونات واجهة مستخدم جاهزة ومجموعة من الدوال المساعدة لبيئات تطبيقات الهاتف المحمول. يتضمن المشروع أداة بناء تركز على تحسين حزمة البرنامج المصغر، مما يسمح بتجميع مكونات محددة وإزالة الأصول غير المستخدمة لتقليل حجم الحزمة. كما يتميز بنظام لتصميم الواجهات المتجاوبة الذي يترجم قيم البكسل الثابتة إلى وحدات مرنة لأحجام الشاشات المختلفة. تغطي مجموعة الأدوات قدرات أوسع بما في ذلك إدارة سير العمل غير المتزامن لتحويل الاستدعاءات (callbacks) إلى وعود (promises)، وأدوات لمعالجة بيانات النصوص والمصفوفات. يوفر نظام تكوين عالمي لتخصيص أنماط المكونات وألوان السمات. يتم دعم الإعداد الأولي عبر واجهة سطر أوامر (CLI) تُستخدم لتهيئة قوالب المشاريع وإنشاء هياكل أدلة موحدة.