Mobile-friendly Drag And Drop JavaScript Library – Drog.js

Drog.js is a tiny (1kb minified), cross-browser, and mobile-friendly drag and drop JavaScript library.

How to use it:

1. Import the Drog.js into your project.

<script src="Drog.min.js"></script>

<!-- OR -->
import "Drog.min.js";

2. Enable the drag’n’drop functionality on an element within the document.

<form name="drag-head">
  <div data-drog>
    <span>Click here to move</span>
  </div>
  <p>Move</p>
  <p>this</p>
  <p>ELEMENT</p>
</form>

Drog.on(document.forms["drag-head"]);

3. Move the element to a specific position.

let


Sponsored

 x = 100;
let y = 100;
Drog.move(document.forms["drag-head"], x, y)

Changelog:

06/27/2025

• update JS

v1.2.0 (09/25/2021)

• Minor bug fix

The post Mobile-friendly Drag And Drop JavaScript Library – Drog.js appeared first on CSS Script.