Dashboard interaction · Bento drag

A café back office on an uneven bento grid. Pick up any tile and carry it: a dashed slot marks where it came from, the other tiles step aside as you pass over them, and on release it snaps to the nearest cell.

What it is

A dashboard where the modules are not fixed: pick one up, carry it across the grid, and the others step aside to make room before it snaps into place. The interaction behind every 'customise your dashboard' feature, done so it feels physical rather than like editing a layout file. For back offices, analytics homes and any product where different people care about different numbers.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@西瓜同学 (Douyin) · 第 5 集「6 种高端 Dashboard 交互」· 01 可以拖动的模块网格 · 0:07–0:14 (3× playback)