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 is a Go WebAssembly UI library and framework used to build type-safe, component-based single-page applications. It functions as a single-file component framework that bundles markup, styles, and logic into modular units, utilizing a virtual DOM engine to synchronize state changes with the browser output. The project features a Go component generator that converts custom UI templates into executable Go source code at compile time. It distinguishes itself through a WebAssembly-based runtime that executes application logic as a compiled binary in the browser and a server-side rendering tool

Yii is a full-stack PHP web framework and component-based system designed for building dynamic websites and RESTful services. It operates as an MVC application framework that separates business logic from the user interface and includes a built-in object-relational mapper for interacting with databases. The project provides a comprehensive command line toolset for project bootstrapping, automated code generation, and the execution of background tasks. It utilizes a component-based architecture and a service locator to manage dependency injection and object lifecycles. The framework covers a

यह प्रोजेक्ट एक एंटरप्राइज डिज़ाइन सिस्टम और वेब इंटरफेस फ्रेमवर्क है जो सुसंगत यूजर अनुभव बनाने के लिए एक React कंपोनेंट लाइब्रेरी प्रदान करता है। यह डेवलपमेंट गति को तेज करने के लिए फ्रंटएंड इम्प्लीमेंटेशन के साथ प्रोडक्ट डिज़ाइन टूल्स को सिंक्रोनाइज़ करते हुए, डिज़ाइन-टू-कोड वर्कफ़्लो ब्रिज के रूप में कार्य करता है। यह फ्रेमवर्क डिज़ाइन-टू-कोड सिंक्रोनाइज़ेशन और एंटरप्राइज डिज़ाइन सिस्टम के निर्माण पर केंद्रित है। यह विज़ुअल कंपोनेंट्स के मानकीकरण और एकीकृत इंटरफेस एलिमेंट्स और लेआउट पैटर्न्स का उपयोग करके जटिल वेब और मोबाइल स्क्रीन की संरचना को सक्षम बनाता है। यह लाइब्रेरी डिज़ाइन मॉक्स और प्रोडक्शन कोड के बीच दृश्य निष्ठा बनाए रखने के लिए एक डिज़ाइन-टोकन सिस्टम और क्रॉस-प्लेटफॉर्म स्टाइल मैपिंग को लागू करती है। यह स्वतंत्र तत्वों को बड़े लेआउट में व्यवस्थित करने के लिए कॉन्फ़िगरेशन-ड्रिवन दृष्टिकोण और एटॉमिक डिज़ाइन सिद्धांतों का उपयोग करती है।

Mint is a front-end programming language and compiled web framework designed for building interactive user interfaces. It functions as a transpiler that converts a specialized domain-specific language into standard JavaScript and CSS for execution in a web browser. The toolchain enables type-safe UI development by utilizing static type analysis to validate data structures during the build phase. It organizes web interface logic into a component-based architecture, where encapsulated units synchronize internal state with the rendered view. The system covers a full compiled web toolchain, incl

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