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 es una librería y framework de UI para Go WebAssembly utilizado para construir aplicaciones de una sola página (SPA) basadas en componentes y con seguridad de tipos. Funciona como un framework de componentes de archivo único que agrupa marcado, estilos y lógica en unidades modulares, utilizando un motor de DOM virtual para sincronizar los cambios de estado con la salida del navegador. El proyecto cuenta con un generador de componentes de Go que convierte plantillas de UI personalizadas en código fuente de Go ejecutable en tiempo de compilación. Se distingue por un runtime basado en WebAssembly que ejecuta la lógica de la aplicación como un binario compilado en el navegador y una herramienta de renderizado del lado del servidor para generar HTML estático para mejorar los tiempos de carga inicial. El framework cubre una amplia gama de capacidades, incluyendo enrutamiento basado en archivos, gestión del ciclo de vida de componentes y sincronización de UI basada en estado. Proporciona primitivas para la composición de componentes, manejo de eventos y enlace de datos dinámico, soportado por un servidor de desarrollo y automatización de build para la optimización del tamaño del binario.

Yii es un framework web PHP de pila completa y sistema basado en componentes diseñado para construir sitios web dinámicos y servicios RESTful. Opera como un framework de aplicación MVC que separa la lógica de negocio de la interfaz de usuario e incluye un mapeador objeto-relacional (ORM) integrado para interactuar con bases de datos. El proyecto proporciona un conjunto completo de herramientas de línea de comandos para el arranque de proyectos, generación automatizada de código y la ejecución de tareas en segundo plano. Utiliza una arquitectura basada en componentes y un localizador de servicios para gestionar la inyección de dependencias y los ciclos de vida de los objetos. El framework cubre una amplia gama de áreas de capacidad, incluyendo migración y versionado de esquemas, gestión de identidad basada en roles y localización de contenido. También cuenta con una variedad de estrategias de almacenamiento en caché, como caché de fragmentos, de consultas y de página completa con invalidación basada en dependencias. Las herramientas sistémicas adicionales incluyen un framework de pruebas de software, registro de eventos y limitación de tasa de solicitudes.

Este proyecto es un sistema de diseño empresarial y framework de interfaz web que proporciona una biblioteca de componentes React para construir experiencias de usuario consistentes. Sirve como puente de flujo de trabajo de diseño a código, sincronizando herramientas de diseño de productos con la implementación frontend para acelerar la velocidad de desarrollo. El framework se centra en la sincronización de diseño a código y la construcción de sistemas de diseño empresarial. Permite la estandarización de componentes visuales y la composición de pantallas web y móviles complejas utilizando elementos de interfaz y patrones de diseño unificados. La biblioteca implementa un sistema de tokens de diseño y mapeo de estilos multiplataforma para mantener la fidelidad visual entre las maquetas de diseño y el código de producción. Utiliza un enfoque basado en configuración y principios de diseño atómico para organizar elementos independientes en diseños más grandes.

Mint es un lenguaje de programación front-end y un framework web compilado diseñado para construir interfaces de usuario interactivas. Funciona como un transpilador que convierte un lenguaje de dominio específico en JavaScript y CSS estándar para su ejecución en un navegador web. La cadena de herramientas permite el desarrollo de UI con seguridad de tipos utilizando análisis de tipos estáticos para validar estructuras de datos durante la fase de compilación. Organiza la lógica de la interfaz web en una arquitectura basada en componentes, donde unidades encapsuladas sincronizan el estado interno con la vista renderizada. El sistema cubre una cadena de herramientas web compilada completa, incluyendo compilación de marcado personalizado y empaquetado de activos en tiempo de compilación para producir activos de producción optimizados.

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