Awesome GitHub RepositoriesInput Components

This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com

Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co

This project is a React Native UI library and mobile component framework designed for building consistent, themed mobile applications. It provides a collection of reusable user interface components and layout tools, functioning as a cross-platform design system to maintain visual uniformity across different mobile platforms. The toolkit distinguishes itself through a themed UI approach, utilizing global design foundations for typography, color palettes, and spacing. It allows for dynamic theme configuration and the use of style presets to ensure standardized branding across an entire project.

AndroidPicker is a collection of customizable UI selection interfaces for Android applications. The library provides specialized components for selecting geographic addresses, calendar dates, clock times, local files, and numeric values. The library features a wheel-based input mechanism for choosing measurements and a hierarchical selection system for mapping provinces, cities, and districts. It includes cascading selection logic where choices in one picker dynamically filter available options in subsequent levels. The capability surface covers date and time picking through grid views, loca

Notie is a zero-dependency JavaScript UI library providing a suite of lightweight interface components for data collection, selection prompts, and system-level status notifications. It functions as an input component suite and a selection dialog tool that operates in any JavaScript environment without requiring third-party packages. The library includes a collection of notification tools, such as themed toast notifications that disappear after a set time and forced alert notifications that require explicit user acknowledgment for critical information. It also provides interactive dialogs for

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

This is an Android productivity application for managing tasks and subtasks. It functions as a cross-platform task manager and synchronization tool, utilizing the CalDAV protocol to mirror task lists, tags, and reminders across multiple devices and external servers. The application is distinguished by its location-based reminder system, which uses geofencing to trigger notifications when a user enters or leaves specific geographic areas. It also features a markdown-based text editor for structuring task descriptions and a dedicated integration for Wear OS that allows task tracking and control

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

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

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

Viewers is a zero-footprint DICOMweb medical imaging viewer and a modular plugin framework. It serves as a diagnostic interface for rendering 2D and 3D medical images, providing a web-based clinical workflow engine to automate image layouts and toolsets. The project distinguishes itself through a highly extensible architecture that allows for the development of custom clinical workflows, specialized viewing modes, and the integration of external functional extensions. It includes a dedicated command line interface for managing these plugins and supports white-labeling through a comprehensive

Twill هو مجموعة أدوات CMS لـ Laravel ومولد لوحة تحكم مصمم لبناء وحدات تحكم إدارية مخصصة وأنظمة إدارة محتوى. يعمل كإطار عمل CMS بدون رأس (headless) ومجموعة أدوات لتحديد نماذج المحتوى وإدارة البيانات المنظمة من خلال واجهة إدارية مخصصة. يتميز المشروع بمحرر كتل مرئي يسمح للناشرين بترتيب وتكوين أقسام المحتوى القابلة لإعادة الاستخدام عبر واجهة السحب والإفلات. يتضمن مديراً مخصصاً للأصول الرقمية لتخزين واقتصاص وتحسين الصور والملفات عبر التخزين المحلي أو السحابي، بالإضافة إلى مدير محتوى متعدد اللغات للتعامل مع الحقول المترجمة والروابط الدائمة المترجمة. توفر المنصة قدرات واسعة لإدارة المحتوى والوسائط، بما في ذلك تتبع الإصدار، وجدولة النشر، وتنظيم الصفحات الهرمي. وتغطي أدوات إدارية واسعة النطاق مثل التحكم في الوصول القائم على الأدوار، والبحث العالمي، وسقالات سطر الأوامر للتوليد السريع لوحدات CRUD وترحيلات قاعدة البيانات. يتكامل النظام مع نماذج Laravel باستخدام السمات (traits) لتمكين النشر ومعالجة الوسائط.

This project is a technical resource and pattern library for building enterprise applications with Python. It serves as a guide for implementing clean architecture, providing a framework for separating core business logic from infrastructure and external frameworks. The material focuses on Domain-Driven Design and the application of architectural patterns to maintain complex business requirements. It provides specific guidance on the Repository pattern for data abstraction, Command-Query Responsibility Segregation for optimizing read and write paths, and the use of dependency inversion to dec

Bootstrap-Form-Builder هو مولد نماذج ويب منخفض الكود (low-code) يتيح إنشاء واجهات جمع البيانات من خلال محرر مرئي يعتمد على المتصفح. يسمح للمستخدمين بتصميم تخطيطات نماذج معقدة عن طريق ترتيب المكونات المصممة مسبقاً على لوحة، مما ينتج تلقائياً هيكل HTML والتخطيط الأساسي دون الحاجة إلى إدخال كود يدوي. تتميز الأداة بنهج يعتمد على التهيئة لإدارة المكونات. يمكن للمطورين توسيع أنواع المدخلات المتاحة عن طريق تسجيل عناصر مخصصة وتوفير قوالب معيارية، والتي يتم دمجها بعد ذلك في بيئة التصميم المرئي. يضمن هذا النظام تسلسل هيكل النموذج في تنسيق بيانات متسق، مع الحفاظ على المزامنة بين التخطيط المرئي والمخطط الأساسي. تم بناء المشروع لدعم إطار عمل Bootstrap، مما يضمن التزام جميع النماذج المولدة بأنظمة الشبكة المتجاوبة والتصميم القياسي. وهو يدير الترتيب المكاني للعناصر من خلال تنسيق السحب والإفلات، وتعيين تفاعلات المستخدم مباشرة إلى نموذج داخلي دائم لتسهيل بناء واجهات جمع البيانات المخصصة.