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 是一个同构 MVC 框架和实时数据同步引擎，专为构建协作应用程序而设计。它作为一个双向数据绑定库和模板引擎，在 Node.js 和浏览器之间共享同一代码库，以同步客户端和服务器之间的状态。 该框架的特色在于使用操作转换（operational transformation）自动解决数据冲突，从而实现实时共享编辑和多用户协作。它采用差异化状态突变模型，通过执行深度相等性检查来最小化更新，确保仅传播已更改的值。 该平台涵盖了广泛的功能，包括响应式状态管理、同构路由和模块化 UI 组件开发。它提供了用于管理嵌套数据路径、执行同构渲染以实现快速初始加载，以及与服务器中间件集成的工具。 该系统使用 TypeScript 实现。

Lit-element is a custom element framework and reactive UI library that provides a base class for creating standard HTML elements. It is designed to build web components that automatically update their visual state when internal properties or data change. The project enables the development of encapsulated components using the shadow root to isolate styles and structure. It utilizes JavaScript template literals to render declarative templates without requiring a compilation step. The library covers state management through reactive property tracking and the synchronization of JavaScript class

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