Lab

Play with real-time 3D

No plug-ins, no libraries: a few hundred lines of JavaScript drawing on a canvas. Change the shape, the style, the colour and the speed.

Shape
Style

Drag on the shape to spin it. With "reduce motion" switched on in your device settings, it stays still until you drag.

Easing, explained

The same move with four different easings. Most of motion design is choosing the right one.

Linear: robotic
Ease out: arrives gently
Ease in-out: natural
Back: playful overshoot

Got a launch that should stop the scroll?