Interactive demos
Seven live layouts using <masonry-grid-lanes>: browser-native grid-lanes where available, and the library's supported fallback where they are not.
<masonry-grid-lanes>
Unsplash photography at mixed aspect ratios — lazy-loaded, shuffled on each visit.
Posts from Bluesky (@schalkneethling.com) as plain text tiles with Pretext height hints.
Same feed with link-preview thumbnails and video posters where present; text-only when there is no embed image.
Unsplash tiles interleaved with Bluesky text and media cards — one heterogeneous stream.
A horizontal masonry demo with compact, width-bounded cards that shows how row mode is meant to be authored.
A compact reference demo that toggles the same cards between fixed-column and fixed-row masonry.
A live control panel for toggling and tuning the custom element attributes against the mixed wall.