🚨 30% off all courses and bundles throughout May

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: cereal-1.superhi.com

Intermediate Intermediate


June 5th 2018

Playback speed

0.75× 1.25× 1.5× 1.75×


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