Click somewhere to
shuffle the blocks!

[Leave demo]

This tech demo showcases curved morph animations like those seen on the vtbot website.

The fun part: the shuffle is random, but the morphs derive their trajectories dynamically from the pseudo-elements' positions. Each one curves based on the distance it needs to travel. Longer distances result in higher arcs!

Each direction has its own lane. It works in both portrait and landscape viewports.

Bonus: new transitions are chained and do not interrupt ones already in progress.