CSS layout · source order preserved
Items
Count
20
Card type
Height pattern
Columns
Mode
min-widthcolumns
Max columns
Gap
Mode
min-widthgap (px)

Masonix Playground

Tune placement, measurement, and windowing against real content hierarchy.

20 records
Field note01

Wayfinding at dusk

Interface02

A quieter checkout

Market app0 × 160
Direction03

Room for the work

Studio system0 × 200
Photo essay04

After the last train

Night archive0 × 240
Collection05

Material library, v2

Workshop0 × 280
Research06

The useful edge case

Seven failure states from the latest test are now represented in the component specification.

Account recovery0 × 320
Identity07

Common ground

A compact identity toolkit for neighborhood events, local notices, and shared public spaces.

Civic commons0 × 360
Prototype08

Small screens, full context

Field note09

Wayfinding at dusk

North terminal0 × 160
Interface10

A quieter checkout

Market app0 × 200
Direction11

Room for the work

Studio system0 × 240
Photo essay12

After the last train

Night archive0 × 280
Collection13

Material library, v2

Added finish samples, supplier notes, and a clearer durability rating for every surface.

Workshop0 × 320
Research14

The useful edge case

Seven failure states from the latest test are now represented in the component specification.

Account recovery0 × 360
Identity15

Common ground

Prototype16

Small screens, full context

Field kit0 × 160
Field note17

Wayfinding at dusk

North terminal0 × 200
Interface18

A quieter checkout

Market app0 × 240
Direction19

Room for the work

Studio system0 × 280
Photo essay20

After the last train

An image sequence about empty platforms, fluorescent light, and the final service of the night.

Night archive0 × 320
20 items·Masonry·responsive gap
123 component·S shuffle·R reset