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 este o bibliotecă și un framework UI WebAssembly pentru Go, utilizat pentru a construi aplicații single-page bazate pe componente și sigure din punct de vedere al tipurilor (type-safe). Funcționează ca un framework de componente single-file care grupează marcajele, stilurile și logica în unități modulare, utilizând un motor virtual DOM pentru a sincroniza schimbările de stare cu output-ul browserului. Proiectul dispune de un generator de componente Go care convertește șabloanele UI personalizate în cod sursă Go executabil la momentul compilării. Se distinge printr-un runtime bazat pe WebAssembly care execută logica aplicației ca un binar compilat în browser și un instrument de randurare server-side pentru a genera HTML static pentru timpi de încărcare inițială îmbunătățiți. Framework-ul acoperă o gamă largă de capabilități, inclusiv rutarea bazată pe fișiere, gestionarea ciclului de viață al componentelor și sincronizarea UI bazată pe stare. Oferă primitive pentru compunerea componentelor, gestionarea evenimentelor și legarea dinamică a datelor, susținute de un server de dezvoltare și automatizarea build-ului pentru optimizarea dimensiunii binarului.

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

Acest proiect este un sistem de design enterprise și un framework de interfață web care oferă o bibliotecă de componente React pentru construirea unor experiențe de utilizator consistente. Servește ca punte de flux de lucru design-la-cod, sincronizând instrumentele de design de produs cu implementarea frontend pentru a accelera viteza de dezvoltare. Framework-ul se concentrează pe sincronizarea design-la-cod și construirea sistemelor de design enterprise. Acesta permite standardizarea componentelor vizuale și compunerea ecranelor web și mobile complexe folosind elemente de interfață unificate și tipare de layout. Biblioteca implementează un sistem de design-token și mapare de stil cross-platform pentru a menține fidelitatea vizuală între machetele de design și codul de producție. Utilizează o abordare bazată pe configurare și principii de design atomic pentru a organiza elementele independente în layout-uri mai mari.

Mint este un limbaj de programare front-end și un framework web compilat conceput pentru construirea de interfețe utilizator interactive. Funcționează ca un transpiler care convertește un limbaj specific domeniului (DSL) în JavaScript și CSS standard pentru execuție într-un browser web. Toolchain-ul permite dezvoltarea UI cu tipizare sigură prin utilizarea analizei statice de tip pentru a valida structurile de date în timpul fazei de build. Organizează logica interfeței web într-o arhitectură bazată pe componente, unde unitățile încapsulate sincronizează starea internă cu view-ul randat. Sistemul acoperă un toolchain web complet compilat, inclusiv compilarea de markup personalizat și bundling-ul de active la momentul build-ului pentru a produce active optimizate pentru producție.

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