Kinetic Type

Kinetic type is the mix of text and motion. If done right, the reading experience comes to life with story and emotion. The message is no longer only in the text, but in the imagination of the user.

This was so much fun to build! Pure Javascript, over 1000 elements, animated with Greensock, built on Codepen. It’s fully interactive, so don’t just watch the GIF – PLAY WITH IT!

It loads pretty fast as it weighs in on only 3 Kb. That’s 0.07% of this GIF! Or a roughly a hundredth of a well-compressed image. That’s pretty small. And that makes me happy.

Hope you like it! :)

Press ‘L’ for like.