Awesome GitHub RepositoriesComponent-Based Web Frameworks

Marko is a component-based web framework and HTML-based template engine used to build reactive user interfaces. It functions as a server-side rendering framework that compiles declarative templates into optimized JavaScript for efficient browser execution. The framework utilizes virtual DOM-less rendering to map template expressions directly to DOM nodes. It employs ahead-of-time template compilation and server-side HTML streaming to send rendered fragments to the client in chunks. The system manages user interfaces through a component-based view hierarchy with reactive data binding and fine

Omi is a web components framework, reactive UI library, and client-side routing engine. It provides a system for building modular and reusable interface elements based on standard browser web components, using signals to synchronize data changes and update the user interface automatically. The project functions as a cross-framework component tool, exporting standard web elements that operate consistently across different third-party JavaScript libraries. Its capabilities include single-page application navigation and view routing. It also covers reactive state management, component style man

FAST is a web components framework and declarative UI library used to build adaptive user interfaces. It functions as a server-side rendering engine and design system implementation, enabling the creation of modular components based on web standards. The framework focuses on cross-framework component compatibility, allowing user interface elements to remain functional across different front-end frameworks and modern browsers. It implements a design language through a collection of pre-defined visual components to ensure consistency across professional applications. The system covers state-dr

Blazor is a .NET framework for building interactive web user interfaces using C# instead of JavaScript. It provides a component-based UI composition model where reusable, self-contained UI elements are built with C# logic and Razor markup, supporting nesting, parameters, and lifecycle events. The framework offers two primary rendering models: a client-side runtime that compiles C# to WebAssembly and executes directly in the browser, and a server-side model that renders UI on the server and sends incremental DOM updates over a persistent SignalR connection. A central capability of Blazor is it

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

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

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

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

hyperHTML is a DOM template library and data-binding engine that uses tagged template literals to render and update elements. It functions as a web component framework and a virtual DOM alternative, linking JavaScript data directly to specific HTML elements to enable automatic page updates. The project avoids the overhead of a virtual DOM by using a reconciliation process that updates only the changed parts of the real DOM. It includes a build-time HTML template minifier to compress content within template literals and reduce client-side data transfer. The library covers a broad range of cap

Alchemy CMS is a content management system built on the Ruby on Rails framework that provides a modular environment for constructing websites. It utilizes a component-based architecture to organize content into reusable blocks, allowing for consistent design and structure across pages while supporting both traditional server-side template rendering and headless content delivery. The platform distinguishes itself by offering a dual-delivery approach, exposing structured content through standardized application programming interfaces to support decoupled front-end architectures. It includes an