morphdom

Fast and lightweight DOM diffing/patching (no virtual DOM needed) (by patrick-steele-idem)

Morphdom Alternatives

Similar projects and alternatives to morphdom

  1. htmx

    654 morphdom VS htmx

    </> htmx - high power tools for HTML

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

    SurveyJS logo
  3. Django

    536 morphdom VS Django

    The Web framework for perfectionists with deadlines.

  4. yew

    212 morphdom VS yew

    Rust / Wasm framework for creating reliable and efficient web applications

  5. dioxus

    178 morphdom VS dioxus

    Fullstack app framework for web, desktop, and mobile.

  6. WebKit

    177 morphdom VS WebKit

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

  7. turbo

    156 morphdom VS turbo

    The speed of a single-page web application without having to write any JavaScript (by hotwired)

  8. Elixir

    159 morphdom VS Elixir

    Elixir is a dynamic, functional language for building scalable and maintainable applications

  9. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream logo
  10. Phoenix

    128 morphdom VS Phoenix

    Peace of mind from prototype to production

  11. Stimulus

    117 morphdom VS Stimulus

    A modest JavaScript framework for the HTML you already have

  12. rescript

    107 morphdom VS rescript

    ReScript is a robustly typed language that compiles to efficient and human-readable JavaScript.

  13. TinyGo

    Go compiler for small places. Microcontrollers, WebAssembly (WASM/WASI), and command-line tools. Based on LLVM.

  14. hotwire-rails

    Discontinued Use Hotwire in your Ruby on Rails app

  15. webcomponents

    Web Components specifications

  16. stimulus_reflex

    Build reactive applications with the Rails tooling you already know and love.

  17. solid

    20 morphdom VS solid

    Discontinued A declarative, efficient, and flexible JavaScript library for building user interfaces. [Moved to: https://github.com/solidui/solid] (by ryansolid)

  18. reactor

    11 morphdom VS reactor

    Phoenix LiveView but for Django

  19. Pagy

    10 morphdom VS Pagy

    🏆 The Best Pagination Ruby Gem 🥇

  20. html-over-the-wire

    HTML over the wire: List of frameworks which receive HTML snippets from the server.

  21. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better morphdom alternative or higher similarity.

morphdom discussion

Log in or Post with

morphdom reviews and mentions

Posts with mentions or reviews of morphdom. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-11-30.
  • If Not React, Then What?
    16 projects | news.ycombinator.com | 30 Nov 2024
    All of what I'm talking about is doable through libraries today (or you can write it yourself). But making things available through DOM APIs create a new baseline where the very same tools are made available for anyone, no matter the framework (think: document.querySelector APIs).

    Regarding patch, morphdom explains very well the difference between replacing and patching the DOM [1]:

    > Replacing an entire DOM tree is fast but loses internal state (e.g., scroll positions, input carets, CSS transitions). Instead, we aim to transform the existing DOM tree to match the new one, minimizing changes and preserving state.

    ---

    1: https://github.com/patrick-steele-idem/morphdom

  • HTML Streaming and DOM Diffing Algorithm
    8 projects | dev.to | 21 Feb 2024
    morphdom
  • The Ultimate Search for Rails - Episode 1
    8 projects | dev.to | 16 Jan 2023
    And sure enough, it works! So what's going on here? Well, clicking the link invokes our reflex, which gets executed right before our current controller action runs again. It allows us to execute any kind of server-side logic, as well as play with the DOM in various ways, but with ruby code. Then, the DOM gets morphed over the wire.
  • Build a JS Framework with 80 lines of Javascript
    2 projects | dev.to | 21 Dec 2022
    It's super simple actually. And that is in large part to (Morphdom)[https://github.com/patrick-steele-idem/morphdom] which I'm using to compare the output of render() to what is already on the DOM. Morphdom will patch the differences.
  • Using hotwired/turbo but patch the DOM vs Replacing
    3 projects | dev.to | 23 Nov 2022
    I'm using morphdom to patch our DOM. Its a very simple library that compares two DOM elements and updates only the differences. It is extremely performant and does not even use a Virtual DOM, just the DOM you already have!
  • Turbo 7.2: A guide to Custom Turbo Stream Actions
    4 projects | dev.to | 9 Oct 2022
    using HTML-diffing libraries like morphdom to efficiently update elements on the page
  • how do i morph an entire html document dom?
    1 project | /r/learnjavascript | 15 Feb 2022
    no it actually looks like morphdom is what i'm looking for.
  • ssceng demo: Hacker News Client
    2 projects | /r/golang | 6 Oct 2021
    It tries to morph into existing DOM (with https://github.com/patrick-steele-idem/morphdom). In case of fail, there is fallback to HTML replacement with outerHTML. All DOM operations after action occurs on component level, not the whole page.
  • Building a Live Search Experience with StimulusReflex and Ruby on Rails
    3 projects | dev.to | 28 Aug 2021
    Today, we’re going to build a live search experience once more. This time with StimulusReflex, a “new way to craft modern, reactive web interface with Ruby on Rails”. StimulusReflex relies on WebSockets to pass events from the browser to Rails, and back again, and uses morphdom to make efficient updates on the client-side.
  • Displaying Real-Time Data in Your Web Application Without Hassle: IHP Auto Refresh ✨
    1 project | dev.to | 14 Jul 2021
    Whenever the JavaScript on the browser-side receives new HTML, it will update the current page using a DOM-diff approach (using morphdom). So only DOM nodes that have actually changed between the initial page load and the updated HTML will be updated.
  • A note from our sponsor - Stream
    getstream.io | 18 Jul 2025
    Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure. Learn more →

Stats

Basic morphdom repo stats
14
3,350
5.3
3 months ago

patrick-steele-idem/morphdom is an open source project licensed under MIT License which is an OSI approved license.

The primary programming language of morphdom is JavaScript.


Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?