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 este un framework MVC izomorf și un motor de sincronizare a datelor în timp real, conceput pentru construirea de aplicații colaborative. Funcționează ca o bibliotecă de data binding bidirecțional și un motor de șabloane care partajează o singură bază de cod între Node.js și browser pentru a sincroniza starea între clienți și servere. Framework-ul se distinge prin utilizarea transformării operaționale pentru a rezolva automat conflictele de date, permițând editarea partajată în timp real și colaborarea multi-utilizator. Utilizează un model de mutație a stării diferențiale pentru a minimiza actualizările prin efectuarea de verificări de egalitate profundă, asigurându-se că doar valorile modificate sunt propagate. Platforma acoperă o gamă largă de capabilități, inclusiv gestionarea reactivă a stării, rutarea izomorfă și dezvoltarea modulară a componentelor UI. Oferă instrumente pentru gestionarea căilor de date imbricate, executarea randării izomorfe pentru încărcări inițiale rapide și integrarea cu middleware-ul serverului. Sistemul este implementat folosind TypeScript.

Lit-element este un framework de elemente personalizate și o bibliotecă UI reactivă care oferă o clasă de bază pentru crearea elementelor HTML standard. Este conceput pentru a construi componente web care își actualizează automat starea vizuală atunci când proprietățile interne sau datele se modifică. Proiectul permite dezvoltarea de componente încapsulate folosind shadow root pentru a izola stilurile și structura. Utilizează template literals din JavaScript pentru a reda template-uri declarative fără a necesita un pas de compilare. Biblioteca acoperă gestionarea stării prin urmărirea proprietăților reactive și sincronizarea proprietăților claselor JavaScript cu atributele HTML. Include, de asemenea, capabilități pentru limitarea selectorilor CSS și gestionarea ciclurilor de randare asincronă pentru a gestiona actualizările interfeței.

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