Masonry that glides

The columns are plain CSS multi-column: invisible .cells reflow instantly when the column width changes or you drag the board's edge. Each card is anchored to its cell with data-⚓️-fill and data-⚓️-transition="glide", so it travels to its new column instead of teleporting. Every cell reuses the name --card, fenced by data-⚓️-scope-name. Zero JavaScript.

Column width

Salt flats at duskBonneville, UT

Neon alleyOsaka

Kelp forestMonterey

Paper lanternsHội An

Glacier meltSvalbard

Rust & rivetsPittsburgh

Night marketTaipei

Fog bankBig Sur

Tea terracesMunnar

Sandstone archMoab

AuroraTromsø

Pine & mossOlympic NP

Tile mosaicLisbon

Lava fieldReykjanes

Bamboo groveArashiyama

Harbour lightsHobart

Dune seaNamib

Rain windowSeattle