Live extension playground
JavaScript HTML
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

better-dom: Live extension playground
NPM version NPM downloads Build Status Coverage Status Bower version


This library is about ideas. After some time of using jQuery I found that it's just too big, has lack of features I need and the API design is debatable. In particular live extensions was one of the main ideas that encouraged me to build a new library from scratch.

Vanilla DOM also has a lot of bad parts, that I'm trying to fix by providing a JavaScript wrapper for each DOM element you use in code. This extra layer allows to abstract from legacy interfaces and to add new methods on the top of particular elements without touching vanilla DOM prototypes. So the object model used is very different from what jQuery does.

Note, that the better-dom project is only about the DOM. It does not contain any AJAX or BOM helper.

Sauce Test Status



The simplest way is to use bower:

$ bower install better-dom

This will clone the latest version of the better-dom with dependencies into the bower_components directory at the root of your project. Then just include the script below on your web page:

<script src="bower_components/better-dom/dist/better-dom.js"></script>

If you need to support IE8-9 please read the section below.



In order to modify the source code you have to install gulp globally:

$ npm install -g gulp

The project uses set of ES6 transpilers to compile the output file. You can use command below to start development:

$ npm start

After any change it recompiles build/better-dom.js and runs unit tests automatically.

Browser support


  • Chrome
  • Firefox
  • Opera
  • Safari
  • Edge
  • Internet Explorer 10+


  • iOS Safari
  • Chrome for Android

Opera Mini is out of the scope because of lack of support for CSS3 Animations.