Awesome GitHub RepositoriesText Input Fields

This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading

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

Mesop is a stateful, declarative Python web UI framework and component library designed for building interactive web applications and AI demos. It allows for the construction of data-driven interfaces and chat systems using only Python, removing the need to write separate HTML or CSS. The framework is specifically tailored for AI application development, offering dedicated tools for conversational UI design and the creation of dashboards for large language model applications. It distinguishes itself with a visual UI editor for real-time property adjustments and the ability to embed custom Jav

Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi

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

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

XLForm هو مكتبة واجهة مستخدم تعريفية (declarative UI) وإطار عمل لإنشاء نماذج عرض الجدول (table-view) في iOS من تعريفات مهيكلة. يوفر مجموعة أدوات لبناء شاشات إدخال البيانات للهواتف المحمولة باستخدام Swift و Objective-C، مما يسمح للمطورين بإنشاء واجهات تعتمد على أقسام وصفوف تعريفية. يتميز إطار العمل بمزامنة الواجهة الديناميكية والمنطق الشرطي لإدارة رؤية الصفوف وقيود التحرير. كما يدعم إنشاء أقسام ديناميكية متعددة القيم حيث يمكن للمستخدمين إدراج أو حذف أو إعادة ترتيب الصفوف في وقت التشغيل. تتضمن المكتبة مجموعة متنوعة من مكونات الإدخال التفاعلية مثل منتقي التاريخ والوقت، وقوائم الاختيار، وحقول النص، ومفاتيح التبديل المنطقية. كما توفر أدوات مساعدة للتحقق من صحة الإدخال عبر أطر عمل قائمة على القواعد، وأدوات لاستخراج إدخالات المستخدم إلى قواميس مهيكلة لنقل البيانات. تدعم المكتبة القابلية للتوسع من خلال تعيينات أنواع الصفوف المخصصة لعرض محتوى متخصص في خلايا الجدول.

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

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

Qor is a Go admin framework and backend toolkit used for building administrative interfaces, headless content management systems, and REST API generators. It provides a structured environment for implementing business application backends, specializing in the management of structured content and media assets. The project distinguishes itself through comprehensive multi-language content management, featuring locale-based data versioning and a dedicated system for internationalization and translation administration. It further differentiates its offering with a built-in state machine implementa

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

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

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

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

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

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

JDA هو غلاف Java لـ Discord API، يوفر إطار عمل لبناء وكلاء آليين ودمج التطبيقات مع منصة الدردشة. يعمل كعميل REST API لإدارة كيانات الخادم وعميل بوابة يحافظ على اتصالات WebSocket مستمرة لتحديثات الحالة في الوقت الفعلي. تتميز المكتبة بوحدة API صوتية شاملة لإدارة بث الصوت، واتصال قناة الصوت، وتكامل لوحة الصوت. كما تتضمن مجموعة أدوات متخصصة لتصميم واجهة المستخدم التفاعلية، مما يتيح إنشاء أوامر الشرطة المائلة، والأزرار، وقوائم الاختيار، ونماذج إدخال المشروط. بشكل عام، يغطي المشروع إدارة المجتمع من خلال إدارة القواعد الآلية، وإدارة الخادم عبر تكوين القناة والدور، وإدارة حركة المرور باستخدام التقسيم (sharding) لتوزيع أحمال الأحداث. كما يوفر أدوات لإنشاء محتوى الوسائط الغنية واسترجاع ملف تعريف العضو المفصل.

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

This project is a collection of implementation patterns and source code examples for building desktop applications using various Python interface libraries. It provides reference implementations and architectural patterns for multiple frameworks, including PyQt, PySide, Tkinter, Kivy, and Streamlit. The repository distinguishes itself by offering specialized examples for diverse interface types, ranging from professional desktop software and native windows to reactive web-based data dashboards and data science tools. It includes specific reference material for cross-platform UI patterns, such

mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor