Tom Miller is an unusual member of the Dribbble community. He is a talented, active, and inspired motion designer who took the initiative and decided to animate one of our illustrations. And you know what? The animation turned out to be so excellent that we are eager to share the result:

Without the insights of the creator, the story and secrets of this animation would be incomplete. So we interviewed Tom, and he shared his steps to create a vibrant and catchy animation based on Shakuro's credit card illustration. In this article, you'll read lots of quotes from Tom's interview.

Animation is a technique that was originally created to "revive" sites. We recently wrote that GreenSock (GSAP) is a great script animation library that supports JavaScript. In this article, we will show the basics of working with GSAP on the example of Miller's animation.

Why this library is great:

• It has a friendly interface.
• It solves not only the problem of animations but many others as well.
• It works in all browsers.
• There are many extensions and plugins for it.
• There is a large community where you can find help in case you're stuck.

Tom worked in the CodePen editor.