The ultimate tag-team for making a DOM element draggable, spinnable, tossable, and even flick-scrollable. GSAP. The GSAP framework alows you to create animations if anything such as SVG, UI and images. It is extremely lightweight and cross-browser friendly animations. This is what we'll be stepping through in this article. In addition to the core animations, there are many plugins to extend its functionality. The first step to begin using GSAP is to load the following script.

<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.7/dist/gsap.min.js"></script>

The steps are surprising simple to begin with easy transitions and animations.

See the Pen Untitled by Mark (@mrkaln) on CodePen.