Awesome GitHub RepositoriesUI Component Compositions

Moon is a minimal reactive UI library for building user interfaces with a component composition framework, client-side routing, server-side rendering, and signals-based reactivity. It provides a virtual DOM diffing engine that computes minimal real DOM mutations, enabling efficient view updates by comparing in-memory UI representations against previous versions. The library distinguishes itself through a signals-based reactivity system that tracks data dependencies through observable signals, triggering targeted DOM updates only when values change. It implements a state driver pattern for uni

Avalon is a client-side MVVM JavaScript framework that binds model data to DOM elements and automatically updates views when state changes. It functions as a component-based UI framework, encapsulating markup, logic, and styles into reusable custom components that can be composed across pages, while also serving as a virtual DOM diffing engine that computes minimal DOM updates by comparing lightweight in-memory view tree snapshots. The framework distinguishes itself through a template directive compiler that transforms declarative HTML attributes like ms-repeat and ms-if into executable view

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

This is a Material Design iOS UI library providing a collection of modular user interface components for iOS. It functions as a Swift UI component framework and a cross-platform design system to ensure consistent visual and functional experiences across different operating systems. The project enables the integration of Material Design guidelines into iOS applications through a modular component architecture. This allows for the assembly of complex app screens using a library of pre-made interface elements. The framework covers general iOS UI development and the implementation of standardize

JDStatusBarNotification is a Swift-based notification framework and UI component library used to display custom status bar overlays and interactive alerts directly below the system status bar. It provides a system for presenting urgent information and task progress indicators through a SwiftUI-based toolkit. The framework allows for the creation of bespoke notification windows with support for custom view injection and a declarative UI approach for composing layouts. It includes features for branded UI customization, enabling the modification of colors, fonts, and animation styles to align wi

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

Cards is an iOS UI component library and a collection of reusable Swift components designed to render app marketplace style cards. It provides pre-defined layout templates for displaying application information and metadata on iOS devices. The library focuses on recreating the visual style of a mobile application marketplace, specifically producing user interface elements that mimic the look and feel of the Apple App Store. The project implements these views using a declarative SwiftUI layout, utilizing a composition-based hierarchy and protocol-oriented data modeling to decouple data struct

RedditOS هو تطبيق وسائط اجتماعية أصلي لـ macOS وغلاف لواجهة برمجة تطبيقات Reddit. يعمل كعميل سطح مكتب لتصفح والتفاعل مع مناقشات مجتمع Reddit وخلاصات الوسائط الاجتماعية. تم تنفيذ المشروع كعميل Reddit بـ SwiftUI، مستخدماً إطار عمل تعريفياً لعرض محتوى الوسائط الاجتماعية خصيصاً لنظام تشغيل macOS. يوفر التطبيق قدرات لاستهلاك محتوى Reddit، وإدارة سلاسل الوسائط الاجتماعية، والتصفح العام لسطح المكتب لمناقشات المجتمع.

M13ProgressSuite is a suite of mobile user interface components for iOS designed to track activity and task completion. It provides a collection of visual indicators including progress bars, rings, and pies, as well as specialized tools like navigation progress bars and status heads-up display overlays. The library features a controllable progress indicator specifically for the top of navigation areas to track page-level activity. It also includes customizable heads-up displays that overlay views to communicate ongoing progress and status information. The suite supports various task completi

swift-markdown-ui is a Swift rendering library that converts Markdown text into native user interface components. It functions as a declarative UI framework for transforming markdown syntax and structured content into native views, including tables, lists, and code blocks. The project features a type-safe domain-specific language that allows for the programmatic generation of rich text and structured documents instead of relying solely on raw strings. It also includes an environment-based theming system for applying global design themes and granular visual overrides across a view hierarchy.

EhPanda is a native iOS application for browsing and managing remote digital galleries and categorized media collections. It functions as a media gallery browser, a BitTorrent content downloader for local archiving, and an SNI proxy network client. The application includes a network layer designed to circumvent regional restrictions and SNI filtering to maintain access to restricted remote services. It further enables digital media archiving by importing external assets and galleries via torrent files for offline storage. The system provides tools for remote gallery browsing, category-based

Seed is a frontend framework for building single-page applications using Rust and WebAssembly. It provides a virtual DOM rendering engine and a component-based UI library to construct modular, reusable interface elements. The framework implements a unidirectional data flow model based on the Elm architecture to ensure type-safe state management and predictable state transitions. It utilizes compile-time macros to transform declarative UI definitions into efficient instructions for the browser. The project covers a broad range of web capabilities, including application routing, content intern

Vue-easytable is a high-performance data grid component designed for the Vue.js framework. It provides a comprehensive interface for displaying and managing large-scale tabular data, utilizing virtual scrolling to maintain responsiveness by rendering only the visible subset of rows within the browser. The component offers spreadsheet-style interaction, enabling users to perform direct, in-place data editing and manipulation. It supports complex grid configurations, including column pinning, row expansion, and data filtering, allowing for the organization of structured information to improve r

This is a native macOS utility that serves as a menu bar client for Apple Reminders. It synchronizes with the system task database to allow users to view, create, and manage reminders directly from the system tray. The application is distinguished by a natural language task processor that extracts due dates, lists, and tags from unstructured text to automate reminder creation. It also features a global hotkey system, enabling the task interface to be triggered instantly via a keyboard shortcut from any active window. The tool provides broader productivity capabilities including task search a

Horizon UI Chakra هو قالب لوحة تحكم ومكتبة مكونات شاملة مصممة لبناء تطبيقات الويب الإدارية. يوفر هيكلاً أساسياً يستخدم معمارية معيارية قائمة على المكونات لتسهيل البناء السريع لواجهات الإدارة المعقدة ولوحات تصور البيانات. يتميز المشروع بدمج نظام تصميم مركزي ينشر الرموز المرئية (visual tokens) في جميع أنحاء التطبيق، مما يضمن اتساق العلامة التجارية والأنماط عبر جميع عناصر الواجهة. كما يدعم التخطيطات المتجاوبة من خلال أنظمة الشبكات المرنة ويوفر تخصيصاً واسعاً للسمات، بما في ذلك دعم الوضعين الفاتح والداكن، لتتوافق مع متطلبات سهولة الوصول والمتطلبات المرئية المحددة. تتضمن المكتبة مجموعة من قوالب الصفحات الجاهزة وعناصر واجهة المستخدم القابلة لإعادة الاستخدام التي تبسط تطوير ميزات التطبيق القياسية مثل المصادقة والتحليلات. كما توفر أدوات سطر أوامر (CLI) لهيكلة المشاريع، مما يسمح للمطورين بإنشاء هياكل تطبيقات متكاملة (full-stack) ومزامنة أصول التصميم مع الكود المطبق للحفاظ على الاتساق طوال دورة حياة التطوير.

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

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

N3-components is a library of modular, reusable user interface elements designed for the Vue framework. It functions as a toolkit for constructing web application layouts by providing a collection of standardized building blocks that ensure consistent behavior and a unified design language across projects. The library enables developers to assemble complex interfaces through a component-based architecture that supports scoped styling and flexible content projection. It facilitates the creation of scalable frontends by allowing for the customization of visual properties through centralized con