mixitup - A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more

•    Javascript

---

MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more.

vanilla-js filter sort animation dom-manipulation

dragmove

•    Javascript

---

A super tiny Javascript library to make DOM elements draggable and movable. Has touch screen support. Zero dependencies and 500 bytes Gzipped. Demo here. Check this example to include dragmove.js as a <script> directly on an HTML page.

drag-and-drop dom-manipulation move draggable-elements draggable drag drop

nanoJS - Minimal standalone JS library for DOM manipulation

•    Javascript

---

nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining.

js dom library dom-library dom-manipulation html css

dom-examples - Code examples that accompany various MDN DOM and Web API documentation pages

•    HTML

---

Code examples that accompany various MDN DOM and Web API documentation pages. The "abort-api" directory contains an example of how to use the "Abort API" (aka AbortSignal and AbortController). Run the example live.

matchmedia demo drag-drop dom-manipulation pointer-lock mdn-docs touch-events pointer-events channel-messaging

domlastic - DomLastic

•    Javascript

---

DomLastic.js is a jquery plugin that adds jointed bouncing effects to your HTML elements. You can connect dom elements so that they behave like elastic physically jointed bodies. Make your list items bouncing like messages on iOS when scrolling or fire a customizable effect on any dom manipulation.

elastic bounce animation css-transitions dom-manipulation html5 jquery-plugin

classie - classie - class helper functions * from bonzo https://github

•    Javascript

---

classie - class helper functions * from bonzo https://github.com/ded/bonzo adding commonjs module

dom browserify class dom-manipulation

godom - Make DOM manipulation in Go as similar to JavaScript as possible

•    Go

---

Make DOM Manipulation in Go as similar to JavaScript as possible via GopherJS. For DOM Manipulation via WebAssembly, visit wasm directory. which looks like JavaScript and more readable.

gopherjs frontend dom-manipulation

rilti.js - a small opinionated future forward front-end framework

•    Javascript

---

To use rilti just download /dist/rilti.min.js and pop it in a script tag. If you have any issues just tell me, I'm on it. Different strokes for different folks: Also look at rilti.on which can be used like this on['any-event'](node, func, =options), as well as like this on('any-event', node)(func, =options) and also on(node, { click: e => {} }, =options).

library es6 webcomponents view rilti dom-functions framework async reactive proxy elm-architecture modern-web frontend frontend-framework ui-components dom-manipulation dom-generation custom-elements no-vdom es7 front-end dom

elm-dom - Alternative Elm package for DOM manipulation.

•    Elm

---

Alternative Elm package for DOM manipulation. The official DOM package have a different mindset and some missing features (check the comparison below).

elm elm-dom dom-manipulation dom

javascript-without-jquery - Tips and practical examples

•    

---

Tips and practical examples, from the CatsWhoCode post. Pure JavaScript features various way to select elements. All of the methods below work on all modern browsers as well as IE8+.

event-listener ajax dom-manipulation hide-elements

rottenjs - An all-in-one (2.6kb) Javascript library for web development

•    Javascript

---

RottenJS is a light-weight(2.6kb), all-in-one Javascript library. It can be used for DOM manipulation, but it also provides many utilites for you to create websites with charm. The library is recommended for personal projects as its very light and scale well with medium-sized websites, but not recommended for big websites that are in production. RottenJS is a perfect fit for you if you want to create projects quick and easy, or if you just want to mess around with open-source libraries.

html ui-design ui web-development dom javascript-framework javascript-library dom-manipulation renderer suitable all-in-one dom-renderer ui-development rottenjs