DiscoverAI ToolsSnapshotMagazineStartup SpotlightAI News
+ List Startup Sign In
›Developer Tools›Lume.js
Lume.js logo

Lume.js

Reactive state bound to standard HTML attributes
Share Visit Website

About Lume.js

Lume.js is a reactive state library that connects ordinary JavaScript objects to HTML through data attributes. Its examples bind text and input fields to a shared state object, with changes reflected in the corresponding elements. The project avoids a separate component syntax, a compiler and a virtual DOM, aiming to keep the interface close to standard browser HTML and JavaScript.

Developers can load it through a module script or install the npm package. The documentation describes an extensible handler system, optional addons and TypeScript declarations. Handlers let a project add behavior for additional attributes, while imports can be limited to the pieces being used. The site publishes versioned examples and migration material, so teams can distinguish the currently documented release from older implementations before adopting it.

Website

Lume.js website screenshot

Perfect for

Developers adding reactive behavior to HTML who want to keep plain JavaScript and standard data attributes.

Solves these problems

Synchronizing state with small browser interfaces without introducing a separate templating syntax or a full component framework.