Get started with gsap CDN
Standard 'No Charge' GreenSock License licensed
Powerful, lightweight library: GSAP animates web interactions.
Tags:- GSAP
- GreenSock
- animation
- motion
- MotionPathPlugin
- motionPath
- TweenMax
- SVG
- JavaScript
- animate
- easing
- EasePack
- Bezier
- 3D
- 2D
- transform
- tweening
Stable version
Copied!
How to start using gsap CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<script src="https://cdn.cdnhub.io/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap/dist/utils/Draggable.min.js"></script>
<script src="main.js"></script>
</head>
<body>
<div id="box" class="draggable">
<p>Drag me!</p>
</div>
<script>
gsap.registerPlugin(Draggable);
const box = document.querySelector('#box');
new Draggable(box, {
type: 'x',
bounds: { minRotation: -180, maxRotation: 180 },
onDrag: () => {
gsap.to(box, 0.5, { x: box.x, rotation: box.rotation });
},
onRelease: () => {
gsap.to(box, 1, { x: 0, rotation: 0 });
},
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
1.10.0
1.10.1
1.10.2
1.10.3
1.11.0
1.11.1
1.11.2
1.11.3
1.11.4
1.11.5
1.11.6
1.11.7
1.11.8
1.12.0
1.12.1
1.13.0
1.13.1
1.13.2
1.14.0
1.14.1
1.14.2
1.15.0
1.15.1
1.16.0
1.16.1
1.17.0
1.18.0
1.18.1
1.18.2
1.18.3
1.18.4
1.18.5
1.19.0
1.19.1
1.20.0
1.20.1
1.20.2
1.20.3
1.20.4
1.20.5
1.8.0
1.8.1
1.8.2
1.8.3
1.8.4
1.9.0
1.9.1
1.9.2
1.9.3
1.9.4
1.9.5
1.9.6
1.9.7
1.9.8
2.0.0
2.0.1
2.0.2
2.1.0
2.1.1
2.1.2
2.1.3
3.0.0
3.0.1
3.0.2
3.0.3
3.0.4
3.0.5
3.1.0
3.1.1
3.10.0
3.10.1
3.10.2
3.10.3
3.10.4
3.11.0
3.11.1
3.11.2
3.11.3
3.11.4
3.11.5
3.12.0
3.12.1
3.12.2
3.12.3
3.12.4
*** 3.12.5
3.2.0
3.2.1
3.2.2
3.2.3
3.2.4
3.2.5
3.2.6
3.3.0
3.3.1
3.3.2
3.3.3
3.3.4
3.4.0
3.4.1
3.4.2
3.5.0
3.5.1
3.6.0
3.6.1
3.7.0
3.7.1
3.8.0
3.9.0
3.9.1
latest