← interface demos

Density control reflow vs scale

100% library columns reflowing

One slider, two mechanisms. Reflow density rewrites the density tokens --card-min, --gap and type size, so grid-template-columns: repeat(auto-fill, minmax()) changes the column count. Scale only keeps the 100% layout and applies transform: scale(). Watch the library column count: it moves under reflow and stays frozen under scale. The first shelf also switches representation, grid to list rows, at Spacious under reflow. After Spotify.

Made for you

representation switch

Your library

column reflow

Recently played