Get started with moveable CDN
MIT licensed
Moveable is a library for creating draggable and touch-friendly elements.
Tags:- moveable
- resizable
- scalable
- draggable
- rotatable
- groupable
- movable
- warpable
- pinchable
- snappable
- clippable
- roundable
- border
- origin
- dom
- resize
- scale
- drag
- move
- warp
- rotate
- react
- preact
- throttle
- group
- pinchi
- snap
Stable version
Copied!
How to start using moveable CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with moveable CDN - cdnhub.io</title>
<link rel="stylesheet" href="styles.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/moveable.min.js"></script>
</head>
<body>
<div id="draggable" class="draggable">
<p>Drag me around!</p>
</div>
<script>
const draggable = new moveable('#draggable', {
origin: false,
resize: false,
parent: document.body,
bounds: {
minX: 0,
minY: 0,
maxX: 500,
maxY: 500
}
});
draggable.on('dragstart', () => {
console.log('Drag started');
});
draggable.on('dragend', () => {
console.log('Drag ended');
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
0.18.1
0.18.2
0.18.3
0.18.4
0.18.5
0.19.0
0.19.1
0.19.2
0.19.3
0.19.4
0.20.0
0.20.1
0.20.2
0.20.3
0.21.0
0.21.1
0.22.0
0.22.1
0.22.2
0.22.3
0.23.0
0.23.1
0.24.0
0.24.1
0.24.2
0.24.3
0.24.4
0.24.5
0.24.6
0.25.0
0.25.1
0.25.2
0.25.3
0.25.4-beta.0
0.26.0
0.27.0
0.27.1
0.27.2
0.27.3
0.28.0
0.29.0
0.29.1
0.29.2
0.29.3
0.29.4
0.29.5
0.29.6
0.29.7
0.29.8
0.29.9
0.29.9-beta.0
0.29.9-beta.1
0.30.0
0.30.1-beta.0
0.31.0
0.31.1
0.31.2
0.32.0
0.33.0
0.34.0
0.34.1
0.34.2
0.34.3
0.35.0
0.35.1
0.35.2
0.35.3
0.35.4
0.35.4-beta.0
0.36.0
0.36.1
0.36.2
0.36.3
0.36.4
0.36.5
0.36.6
0.37.0
0.37.1
0.38.0
0.38.1
0.39.0
0.39.1
0.40.0
0.40.1
0.41.0
0.41.1
0.42.0
0.42.1
0.42.2
0.43.0
0.43.1
0.44.0
0.44.1
0.44.2
0.44.3
0.44.4
0.45.0
0.46.0
0.46.1
0.47.0
0.47.1
0.47.2
0.47.3
0.47.4
0.47.5
0.47.6
0.47.7
0.47.8
0.47.9
0.48.0
0.49.0
0.49.1
0.50.0
0.50.1
0.50.2
0.51.0
0.51.1
0.51.2
0.52.0
*** 0.53.0