New course, Command Line for Creatives, out now!

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

0:00/17:05

June 5th 2018

Playback speed

1.25× 1.5× 1.75×

Skip

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