How to make reactive type as seen on the Airbnb Cereal site

On the new showcase for Airbnb's new typeface, Cereal, there's a great way that they show off the different sizes and weights of the face by making individual letters respond to mouse movements. We talk about how to achieve this effect (and more) using a few lines of Javascript and a little math.

View demo:



June 5th 2018

Playback speed

0.75× 1.25× 1.5× 1.75×


−60s −30s −10s +10s +30s +60s