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 组件生成器，可在编译时将自定义 UI 模板转换为可执行的 Go 源代码。它通过基于 WebAssembly 的运行时（在浏览器中以编译后的二进制文件形式执行应用程序逻辑）以及用于生成静态 HTML 以改善初始加载时间的服务器端渲染工具而脱颖而出。 该框架涵盖了广泛的能力，包括基于文件的路由、组件生命周期管理和状态驱动的 UI 同步。它为组件组合、事件处理和动态数据绑定提供了原语，并由开发服务器和用于二进制大小优化的构建自动化提供支持。

Yii 是一个全栈 PHP Web 框架和基于组件的系统，专为构建动态网站和 RESTful 服务而设计。它作为 MVC 应用程序框架运行，将业务逻辑与用户界面分离，并包含一个用于与数据库交互的内置对象关系映射器。 该项目提供了一套全面的命令行工具集，用于项目引导、自动化代码生成和后台任务执行。它利用基于组件的架构和服务定位器来管理依赖注入和对象生命周期。 该框架涵盖了广泛的功能领域，包括模式迁移和版本控制、基于角色的身份管理以及内容本地化。它还具有多种缓存策略，例如片段缓存、查询缓存和全页缓存，并支持基于依赖的失效。其他系统工具包括软件测试框架、事件日志记录和请求速率限制。

这是一个企业级设计系统和 Web 界面框架，提供了一套 React 组件库，用于构建一致的用户体验。它充当了“设计到代码”工作流的桥梁，通过同步产品设计工具与前端实现，从而加速开发进程。 该框架专注于设计与代码的同步以及企业级设计系统的构建。它支持视觉组件的标准化，并能利用统一的界面元素和布局模式来组合复杂的 Web 及移动端页面。 该库实现了设计令牌（Design Token）系统和跨平台样式映射，以保持设计稿与生产代码之间的高度视觉一致性。它采用配置驱动的方法和原子设计原则，将独立的元素组织成更复杂的布局。

Mint 是一种前端编程语言和编译型 Web 框架，专为构建交互式用户界面而设计。它作为一个转译器，将专门的领域特定语言转换为标准的 JavaScript 和 CSS 以在 Web 浏览器中执行。 该工具链通过利用静态类型分析在构建阶段验证数据结构，实现了类型安全的 UI 开发。它将 Web 界面逻辑组织成基于组件的架构，其中封装单元将内部状态与渲染视图同步。 该系统涵盖了完整的编译型 Web 工具链，包括自定义标记编译和构建时资源打包，以生成优化的生产资源。

Seed is a framework for building front-end web applications using Rust and WebAssembly. It provides a component-based architecture that enables the creation of modular user interfaces, leveraging the memory safety and performance characteristics of the Rust programming language to execute code within the browser sandbox. The framework utilizes a unidirectional state management model, inspired by the Elm architecture, to ensure predictable data transitions and application updates. It employs compile-time macros to construct a virtual DOM, mapping interface components directly to browser-native

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