Awesome GitHub RepositoriesDOM Generation

lit-html is a JavaScript HTML templating library and reactive UI template engine. It uses tagged template literals to render dynamic HTML templates, focusing on efficient partial updates to the DOM to minimize browser reflows. The library functions as a rendering tool for web components and supports server-side rendering to improve initial page load speeds and search engine optimization. Its capabilities cover the development of lightweight custom HTML elements and the management of dynamic HTML rendering. It includes support for high-performance list rendering and the handling of asynchrono

Choo is a minimalist frontend framework providing a tiny foundation for building web applications. It functions as an event-driven application core that decouples business logic from rendering and includes a client-side router to manage browser history and URL mapping without page reloads. The project distinguishes itself through an architecture that combines a server-side rendering engine for generating static HTML strings with a stateful UI component library. This allows for the creation of self-contained interface elements that maintain internal data and persist across global renders. The

Derby est un framework MVC isomorphe et un moteur de synchronisation de données en temps réel conçu pour créer des applications collaboratives. Il fonctionne comme une bibliothèque de liaison de données bidirectionnelle et un moteur de template qui partage une base de code unique entre Node.js et le navigateur pour synchroniser l'état entre les clients et les serveurs. Le framework se distingue par l'utilisation de la transformation opérationnelle pour résoudre automatiquement les conflits de données, permettant l'édition partagée en temps réel et la collaboration multi-utilisateurs. Il emploie un modèle de mutation d'état différentiel pour minimiser les mises à jour en effectuant des vérifications d'égalité profonde, garantissant que seules les valeurs modifiées sont propagées. La plateforme couvre un large éventail de capacités, incluant la gestion d'état réactive, le routage isomorphe et le développement de composants d'interface modulaires. Elle fournit des outils pour gérer les chemins de données imbriqués, exécuter le rendu isomorphe pour des chargements initiaux rapides et s'intégrer avec des middlewares serveur. Le système est implémenté en utilisant TypeScript.

Lit-element est un framework de composants personnalisés et une bibliothèque d'interface utilisateur réactive qui fournit une classe de base pour créer des éléments HTML standard. Il est conçu pour construire des composants web qui mettent automatiquement à jour leur état visuel lorsque les propriétés internes ou les données changent. Le projet permet le développement de composants encapsulés utilisant le shadow root pour isoler les styles et la structure. Il utilise des littéraux de gabarit JavaScript pour rendre des templates déclaratifs sans nécessiter d'étape de compilation. La bibliothèque couvre la gestion de l'état par le suivi des propriétés réactives et la synchronisation des propriétés de classe JavaScript avec les attributs HTML. Elle inclut également des capacités pour limiter la portée des sélecteurs CSS et gérer les cycles de rendu asynchrones pour traiter les mises à jour de l'interface.

Arrow-js is a reactive UI framework and server-side rendering system designed for building agentic interfaces. It functions as a reactive state manager and isomorphic routing engine, enabling the creation of web applications that utilize tagged template literals for efficient DOM updates. The project distinguishes itself by incorporating a WebAssembly code sandbox, which allows untrusted or AI-generated code to execute within a secure virtual machine to render interfaces without accessing the host DOM. It further enables agentic UI development by allowing AI agents to dynamically generate vie

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