Awesome GitHub RepositoriesServer-Side UI Composition

HTMX is a hypermedia-driven frontend library that enables the creation of dynamic, asynchronous web applications by extending standard HTML attributes. It functions as a declarative engine that intercepts browser events to trigger network requests, allowing developers to update specific regions of the document with server-rendered HTML fragments. By shifting the logic of UI composition to the server, it minimizes the need for complex client-side state management and imperative JavaScript. The library distinguishes itself through a progressive enhancement workflow that ensures web interfaces r

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

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

css-only-chat هو تطبيق ويب خالٍ من JavaScript ينفذ نظام مراسلة غير متزامن باستخدام HTML وCSS فقط. يعمل كواجهة دردشة تحقق تحديثات في الوقت الفعلي وتفاعل المستخدم بالكامل من خلال منطق جانب الخادم وسلوك المتصفح القياسي. يستخدم المشروع مشغل طلب قائماً على محددات CSS لإرسال البيانات، مستفيداً من التحميل التلقائي للمتصفح لصور الخلفية لبدء طلبات الخادم. لتقديم التحديثات دون إعادة تحميل الصفحة بالكامل، يستخدم دفق نقل HTTP مقسم يحافظ على فتح الردود ويضيف أجزاء HTML تدريجياً إلى العميل. يدير النظام حالة التطبيق على الواجهة الخلفية، ويدمج مخازن مفتاح-قيمة عن بعد لاستمرار الرسائل ويستخدم آلية نشر-اشتراك لمزامنة الحالة عبر جلسات المستخدم المتزامنة. يتم تحديث واجهة المستخدم عن طريق استبدال عناصر HTML الموجودة بإصدارات جديدة يتم تسليمها من الخادم.

h5ai هو مستكشف ملفات قائم على الويب وفهرس من جانب الخادم يستبدل صفحات فهرس الخادم الافتراضية بواجهة مرئية لتصفح وتنزيل الملفات عبر HTTP. يعمل كمتصفح قائمة أدلة يحول مسارات الملفات العادية إلى مستكشف قابل للتنقل للملفات المستضافة. المشروع متوافق مع خوادم الويب Apache و Nginx و lighttpd، مما يوفر طريقة لإدارة الأصول الثابتة ومشاركة الملفات والمجلدات من خلال واجهة قائمة على المتصفح بدلاً من سطر الأوامر. يستخدم فهرسة الخادم القائمة على PHP واجتياز الأدلة المتكرر لمسح أدلة الخادم وقراءة بيانات تعريف نظام الملفات. تستخدم الواجهة تحديثات AJAX و JSON لتحديث طرق عرض المجلدات دون الحاجة إلى إعادة تحميل الصفحة بالكامل.

mall-cook هو منصة تجارة إلكترونية منخفضة الكود (Low-code) ومنشئ صفحات مرئي مصمم لإنشاء متاجر تسوق عبر الإنترنت وواجهات متاجر دون كتابة كود يدوي. يعمل كإطار عمل واجهة مستخدم مدفوع بالمخططات (Schema-driven) يقوم بتعيين مخططات خصائص JSON إلى مكونات قابلة لإعادة الاستخدام لتوليد الواجهة في الوقت الفعلي. يعمل النظام كمنشئ واجهات متاجر متعدد المنصات، حيث ينتج مواقع تسوق متوافقة لمتصفحات الجوال والبرامج المصغرة من تكوين واحد. يستخدم واجهة السحب والإفلات لتنظيم تخطيطات الصفحات وإدارة خصائص المكونات. تغطي المنصة تصميم واجهات المتاجر الإلكترونية وتنظيم الصفحات، بما في ذلك إدارة مسارات التنقل وتعيين القوالب عبر هويات المتاجر متعددة المستأجرين.

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

Expensify App is a cross-platform collaborative expense management platform that combines receipt capture, expense tracking, and shared bill splitting for groups and teams. Designed as an offline-first application, it applies user actions optimistically to local state and queues them for server synchronization, with automatic rollback if the server rejects an operation. The application is built on a reactive client-side key-value store called Onyx that broadcasts changes to subscribed components and persists data to disk for offline access. Its cross-platform TypeScript and React codebase com

Tangram-Android is a server-driven UI SDK and dynamic native engine for Android. It enables the rendering of native user interfaces by interpreting JSON data definitions received from a remote server, allowing application layouts and content to be updated without requiring new app deployments. The framework uses a JSON-based system to synchronize page layouts across Android and iOS via a shared data format. This allows for real-time interface updates and cross-platform consistency by controlling the mobile UI from a remote backend. The project provides a modular library of reusable component

rxdrag is a declarative frontend framework and low-code builder used to create web interfaces and application logic visually. It functions as an HTML web interface designer and visual logic orchestrator, allowing users to define structures and data flows through a graphical interface to reduce imperative coding. The system enables the design of responsive frontend layouts and user interactions using a coordinate-based editor. It integrates a logic engine that allows application behavior to be defined by arranging visual blocks rather than writing manual code. The framework covers frontend wo

Variant Form is a low-code platform designed for building and managing dynamic, data-driven web forms. It provides a visual drag-and-drop designer that allows users to assemble complex form layouts and configure field properties without manual markup. The system functions as a comprehensive suite for form development, integrating a runtime rendering engine that transforms structured configuration objects into functional, validated user interfaces. The project distinguishes itself through its ability to transpile visual form definitions into portable, framework-specific source code. It utilize