HTML Streaming and DOM Diffing Algorithm

1. WebKit

   1 176 8,553 10.0 JavaScript

   Home of the WebKit project, the browser engine used by Safari, Mail, App Store and many other applications on macOS, iOS and Linux.

   

   Since 2023 Chrome announced the View Transition API, and it looks like Safari is also going to support it soon.

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. diffhtml

   2 4 870 6.1 JavaScript

   diffHTML is a web framework that helps you build applications and other interactive content

   

   diffhtml

4. parse-html-stream

   3 1 29 2.4 TypeScript

   During the HTML streaming, capture the DOM Nodes to work with them

   

   To do this, the parse-html-stream library that I have recently put in open-source, supports also walking through the tree of nodes during streaming, allowing you to do incremental rendering, while you walk through the tree the library is parsing the HTML chunks in the order they arrive, and while you have the parsed nodes you are making the rendering changes.

5. morphdom

   4 14 3,306 5.3 JavaScript

   Fast and lightweight DOM diffing/patching (no virtual DOM needed)

   

   morphdom

6. set-dom

   5 1 185 - JavaScript

   📑 Lightweight dom diffing with plain old html.

   

   set-dom

7. diffDOM

   6 2 830 6.8 HTML

   A diff for DOM elements, as client-side JavaScript code. Gets all modifications, insertions and removals between two DOM fragments.

   

   diffDOM

8. bun

   7 372 77,591 10.0 Zig

   Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one

   

   And in the response use a ReadableStream. This would be the example with Bun:

9. InfluxDB

   influxdata.com featured

   InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

   

10. nanomorph

    8 1 736 - JavaScript

    🚅 - Hyper fast diffing algorithm for real DOM nodes

    

    nanomorph

Suggest a related project