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 ist eine Go-WebAssembly-UI-Bibliothek und ein Framework, das zum Aufbau typsicherer, komponentenbasierter Single-Page-Anwendungen verwendet wird. Es fungiert als Single-File-Komponenten-Framework, das Markup, Stile und Logik in modularen Einheiten bündelt und eine virtuelle DOM-Engine nutzt, um Zustandsänderungen mit der Browser-Ausgabe zu synchronisieren. Das Projekt bietet einen Go-Komponentengenerator, der benutzerdefinierte UI-Vorlagen zur Kompilierzeit in ausführbaren Go-Quellcode konvertiert. Es zeichnet sich durch eine WebAssembly-basierte Laufzeitumgebung aus, die Anwendungslogik als kompilierte Binärdatei im Browser ausführt, sowie durch ein serverseitiges Rendering-Tool zur Generierung statischer HTML-Dateien für verbesserte initiale Ladezeiten. Das Framework deckt ein breites Spektrum an Funktionen ab, einschließlich dateibasiertem Routing, Komponenten-Lebenszyklusmanagement und zustandsgesteuerter UI-Synchronisation. Es bietet Primitive für Komponentenkomposition, Ereignisbehandlung und dynamisches Data-Binding, unterstützt durch einen Entwicklungsserver und Build-Automatisierung zur Optimierung der Binärgröße.

Yii ist ein Full-Stack-PHP-Webframework und ein komponenten-basiertes System, das für den Aufbau dynamischer Websites und RESTful-Services entwickelt wurde. Es arbeitet als MVC-Anwendungsframework, das Geschäftslogik von der Benutzeroberfläche trennt, und enthält einen integrierten Object-Relational-Mapper (ORM) für die Interaktion mit Datenbanken. Das Projekt bietet ein umfassendes CLI-Toolset für Projekt-Bootstrapping, automatisierte Codegenerierung und die Ausführung von Hintergrundaufgaben. Es nutzt eine komponenten-basierte Architektur und einen Service-Locator, um Dependency Injection und Objektlebenszyklen zu verwalten. Das Framework deckt ein breites Spektrum an Funktionsbereichen ab, einschließlich Schema-Migration und Versionierung, rollenbasiertem Identitätsmanagement und Inhaltslokalisierung. Es bietet zudem eine Vielzahl von Caching-Strategien wie Fragment-, Query- und Full-Page-Caching mit abhängigkeitsbasierter Invalidierung. Zusätzliche System-Tools umfassen ein Software-Test-Framework, Event-Logging und Request-Rate-Limiting.

Dieses Projekt ist ein Enterprise-Designsystem und ein Web-Interface-Framework, das eine React-Komponentenbibliothek für den Aufbau konsistenter Benutzererlebnisse bereitstellt. Es dient als Brücke für den Design-zu-Code-Workflow und synchronisiert Produktdesign-Tools mit der Frontend-Implementierung, um die Entwicklungsgeschwindigkeit zu beschleunigen. Das Framework konzentriert sich auf die Design-zu-Code-Synchronisation und den Aufbau von Enterprise-Designsystemen. Es ermöglicht die Standardisierung visueller Komponenten und die Komposition komplexer Web- und Mobilbildschirme unter Verwendung einheitlicher Schnittstellenelemente und Layoutmuster. Die Bibliothek implementiert ein Design-Token-System und plattformübergreifende Stilzuordnung, um die visuelle Wiedergabetreue zwischen Design-Mocks und Produktionscode aufrechtzuerhalten. Sie nutzt einen konfigurationsgesteuerten Ansatz und atomare Designprinzipien, um unabhängige Elemente in größeren Layouts zu organisieren.

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

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