🐲 Draggy

Selection: Select <a href="https://sebkolind.github.io/draggy/options.html#selection" rel="nofollow">multiple elements.
Direction: Supports <a href="https://sebkolind.github.io/draggy/options.html#direction" rel="nofollow">horizontal and vertical dragging.
Headless: Bring your own UI.
Events: Listen to various events and make it fit your needs.

A headless, framework agnostic and lightweight drag&drop library.

Install

npm i @sebkolind/draggy

import { draggy } from "@sebkolind/draggy";

draggy({ target: ".column" });

For docs, examples, and more visit the documentation site.

demo.mov

Name		Name	Last commit message	Last commit date
Latest commit History 153 Commits
.github/workflows		.github/workflows
docs		docs
example		example
lib		lib
tests		tests
.gitignore		.gitignore
.parcelrc		.parcelrc
README.md		README.md
demo.mov		demo.mov
jest.config.ts		jest.config.ts
package-lock.json		package-lock.json
package.json		package.json
playwright.config.ts		playwright.config.ts
tsconfig.json		tsconfig.json