Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple
Make Any DOM Reactive. Contribute to marsbos/mador development by creating an account on GitHub.
Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple launched on September 6, 2026 with 101 votes, #270 of 8,095 launches that month and more than 95% of that year's launches.
In plain words
Mador is a lightweight JavaScript library that makes existing DOM elements reactive to state changes. It provides a tiny 80-line solution for binding reactive state to HTML elements, allowing developers to update the DOM automatically when data changes. Available as an ES module via npm or CDN, Mador is designed for developers who want reactivity without a full framework, offering a simple API for creating and managing state bindings.
written from the facts on this page · September 2026
From the sources
It gives you reactive state and a way to bind that state to existing DOM. Mador is a native ES module and can be used through npm or directly from a CDN. import mador from "https://cdn.jsdelivr.net/npm/@marsbos/mador@latest/dist/mador.js" ; const [ r , w ] = mador ( { count : 1 , } ) ; r ( ".counter" , ( el , count ) => { el . textContent = `Count: ${ count } ` ; } , ( state ) => state . count , ) ; r ( ".another-counter" , ( el , count ) => { el . textContent = count * 3 ; } , ( state ) => state . count , ) ; w ( ( state ) => { state . count ++ ; } ) ; And that's basically all. There are no components, templates or virtual DOM. Mador works with the DOM you already have. r ( selector ,…from github.com
Does a similar job
all alternatives →- JLJS library to make your website instant2014 · ▲426
http://instantclick.io/ It seems the internet architecture won't bring us instant websites anytime soon. So here is a hack. I released this JS library last month (today is version 2.0 release, fixing v1.0's rough edges), it makes use of HTML5's pushState and preloading to make a website instant. It works like this: before clicking on a link, you'll hover over it. And there's a delay of 200-300 ms between these two events. InstantClick uses this delay to preload a page, when you click on a link it will display instantly in most case. (You can test on the website.) That's…
A tiny and fast reactive observables library via functions2022 · github.com · ▲72A tiny (~1kB minzipped) and extremely fast library for creating reactive observables via functions. - maverick-js/signals
- BPBuild progressively enhanced reactive HTML apps using Go and Alpine.js2023 · livefir.fly.dev · ▲127
Fir leverages Golang’s standard library html/template package and a bit of alpinejs to allow building reactive UIs. You start with plain old html and use alpinejs to enhance it to bring no-page-reload interactivity to web apps. The Fir toolkit is designed for Go developers with moderate html/css & js skills who want to progressively build reactive web apps without mastering complex web frameworks. It includes a Go library and an Alpine.js plugin. How it works ? On receiving user-interactions the fir server re-renders html templates and sends it over the wire where the fir client…
More dev tools this month
the category →
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 1d ago · github.com
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 29d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 27d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 24d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 22d ago · talanoa.email
Launched alongside, September 2026
the whole month →
E-ink bird frame for Raspberry Pi - real-time bird detection by audio, fully local AI, rendered as real, hand-cut 1800s bird illustrations. - arnegiacomo/fugleramme
AI · Sep 2026 · github.com
- WI
Special relativity simulator in which light crawls along at a human speed, so Lorentz contraction, aberration and Doppler shift happen at walking pace.
Life & fun · Sep 2026 · rivendell.dmitrybrant.com
Start coding agents, control sessions, review PRs. Anywhere.
Dev tools · Sep 2026 · kilo.ai
