Awesome GitHub RepositoriesMetadata-Driven Component Libraries

Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou

Amis is a JSON-driven UI framework and low-code page builder used to generate complex administrative interfaces from schema configurations. It functions as an administrative interface generator that renders web pages and data-entry forms using declarative JSON specifications to eliminate manual component coding. The framework utilizes a schema-driven component library where reusable UI elements are instantiated and managed through structured data definitions. This approach enables a rapid prototyping workflow by allowing interface designs and layouts to be modified via schema files without re

form-render هو إطار عمل لواجهة المستخدم قائم على المخطط (schema-driven) يترجم تعريفات JSON المنظمة إلى تخطيطات إدارية وظيفية، ونماذج ويب تفاعلية، وتصورات للبيانات. يعمل كنظام لعرض المكونات ومنطق التحقق بناءً على مخططات تعريفية بدلاً من الكود الإلزامي اليدوي. يتضمن إطار العمل مولد نماذج قائم على JSON ومكون جدول بيانات يحول البيانات المنظمة إلى واجهات قابلة للبحث والفرز. كما يتميز بمحرك تصور يعرض مخططات البيانات من مخططات إعداد مبسطة ومحرر مرئي لتصميم تخطيطات النماذج وتعريفات الحقول. يغطي النظام مجالات قدرات واسعة بما في ذلك عرض جدول البيانات الديناميكي، والتحقق من المدخلات القائم على المخطط، وتوليد تقارير البيانات المرئية من خلال تعيين JSON إلى مخطط.

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

json-editor هو مولد واجهة مستخدم مدفوع بالمخطط ومحرر قائم على الويب ينشئ تلقائياً نماذج HTML تفاعلية من تعريفات JSON Schema. يعمل كأداة لجمع وتعديل والتحقق من البيانات المنظمة عن طريق تعيين مواصفات المخطط إلى مكونات الإدخال المقابلة. يتميز المشروع ببنية إدخال إضافية (plug-in) وتعيين مكون قائم على المحلل، مما يسمح بحقن محررات الطرف الثالث وواجهات إدخال مخصصة لأنواع البيانات المتخصصة مثل markdown، والألوان، والكود الملون بناءً على الصيغة. كما يدعم حل المخطط الخارجي عبر URLs والربط بالمخطط الفائق لدمج نماذج البيانات البعيدة والمستندات ذات الصلة. يغطي النظام إدارة تخطيط النماذج الشاملة، بما في ذلك ترتيبات الشبكة وتكوينات المصفوفة، إلى جانب المنطق الشرطي للحقول التابعة وتعبئة التعداد الديناميكي. ويوفر محرك تحقق يفرض كلاً من قيود المخطط الموحدة وقواعد العمل المخصصة، مع دعم توطين سلسلة واجهة المستخدم والتكامل مع أطر عمل CSS الخارجية.

rxeditor is an HTML low-code visual editor and frontend framework designed for building web applications through a visual interface. It functions as a platform for creating user interfaces using a drag-and-drop layout builder that generates standard web markup. The project includes a visual logic engine that allows for the definition of application behavior and the automation of complex frontend workflows. This graphical programming interface enables the orchestration of functional business logic without requiring manual coding. The system supports rapid prototyping workflows and low-code fr

Cyclops is a Helm template orchestrator and management interface used to configure and deploy containerized applications to Kubernetes clusters. It serves as a deployment tool that abstracts complex infrastructure configurations into simplified inputs, allowing users to manage applications through a dedicated user interface. The project differentiates itself by using schema-driven form generation and metadata-driven UI rendering to create self-service deployment portals. These interfaces are generated by parsing template files and their associated schemas, mapping specific attributes to visua

This project is a schema-based form generator for Vue.js that constructs interactive user interfaces by parsing structured data configurations. It automates the creation of form layouts, data binding, and field rendering, eliminating the need for manual template creation for individual forms. The system distinguishes itself through a registry-based architecture that allows for the integration of custom input components. By mapping specialized field types to the generation engine, developers can extend the library to handle unique data types or complex interface requirements that fall outside

This project is a declarative state manager and component library for building complex, interactive forms in React applications. It provides a framework for constructing form interfaces by mapping structured data schemas to modular UI components, ensuring that input state and data integrity are handled consistently across an application. The library distinguishes itself through a schema-driven approach that decouples form structure from rendering logic. By utilizing centralized validation middleware and configuration-based styling, it allows developers to enforce business rules and maintain v