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 est une bibliothèque et un framework UI Go WebAssembly utilisé pour construire des applications monopages (SPA) typées et basées sur des composants. Il fonctionne comme un framework de composants à fichier unique qui regroupe le balisage, les styles et la logique en unités modulaires, utilisant un moteur de DOM virtuel pour synchroniser les changements d'état avec la sortie du navigateur. Le projet dispose d'un générateur de composants Go qui convertit les modèles UI personnalisés en code source Go exécutable au moment de la compilation. Il se distingue par un runtime basé sur WebAssembly qui exécute la logique d'application en tant que binaire compilé dans le navigateur et un outil de rendu côté serveur pour générer du HTML statique pour des temps de chargement initiaux améliorés. Le framework couvre un large éventail de capacités, y compris le routage basé sur les fichiers, la gestion du cycle de vie des composants et la synchronisation UI pilotée par l'état. Il fournit des primitives pour la composition de composants, la gestion des événements et la liaison de données dynamique, soutenues par un serveur de développement et une automatisation de build pour l'optimisation de la taille des binaires.

Yii est un framework web PHP full-stack et un système basé sur des composants conçu pour construire des sites web dynamiques et des services RESTful. Il fonctionne comme un framework d'application MVC qui sépare la logique métier de l'interface utilisateur et inclut un mappeur objet-relationnel intégré pour interagir avec les bases de données. Le projet fournit un ensemble d'outils en ligne de commande complet pour l'amorçage de projet, la génération de code automatisée et l'exécution de tâches en arrière-plan. Il utilise une architecture basée sur des composants et un localisateur de service pour gérer l'injection de dépendances et les cycles de vie des objets. Le framework couvre un large éventail de domaines de capacités, notamment la migration et le versionnage de schémas, la gestion des identités basée sur les rôles et la localisation du contenu. Il propose également une variété de stratégies de mise en cache telles que la mise en cache de fragments, de requêtes et de pages complètes avec invalidation basée sur les dépendances. Les outils systémiques supplémentaires incluent un framework de test logiciel, la journalisation des événements et la limitation du taux de requêtes.

Ce projet est un système de conception d'entreprise et un framework d'interface web qui fournit une bibliothèque de composants React pour construire des expériences utilisateur cohérentes. Il sert de pont de flux de travail conception-vers-code, synchronisant les outils de conception de produits avec l'implémentation frontend pour accélérer la vitesse de développement. Le framework se concentre sur la synchronisation conception-vers-code et la construction de systèmes de conception d'entreprise. Il permet la standardisation des composants visuels et la composition d'écrans web et mobiles complexes en utilisant des éléments d'interface et des modèles de mise en page unifiés. La bibliothèque implémente un système de jetons de conception et un mappage de style multiplateforme pour maintenir la fidélité visuelle entre les maquettes de conception et le code de production. Elle utilise une approche pilotée par la configuration et des principes de conception atomique pour organiser des éléments indépendants en mises en page plus grandes.

Mint est un langage de programmation front-end et un framework web compilé conçu pour construire des interfaces utilisateur interactives. Il fonctionne comme un transpileur qui convertit un langage spécifique au domaine (DSL) en JavaScript et CSS standard pour une exécution dans un navigateur web. La chaîne d'outils permet un développement d'UI typé en utilisant l'analyse de type statique pour valider les structures de données pendant la phase de build. Il organise la logique de l'interface web en une architecture basée sur des composants, où des unités encapsulées synchronisent l'état interne avec la vue rendue. Le système couvre une chaîne d'outils web compilée complète, incluant la compilation de balisage personnalisé et le regroupement d'assets au moment de la compilation pour produire des assets de production optimisés.

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