Back to What I want to exist

Existence file

masonry-gridlanes-wc

A native-first Web Component for masonry layouts that tracks the emerging CSS Grid Lanes model. It exists to let real sites experiment with platform-shaped masonry today, while keeping markup and CSS close enough to future native support that removal stays realistic.

Goal

Make CSS Grid Lanes masonry practical for production sites through a light-DOM custom element that prefers native support and offers a focused, spec-shaped JavaScript fallback where the platform is not ready yet.

  • JavaScript
  • Web Components
  • CSS Grid

Now

Where it is

The package has a 0.1.x foundation with column masonry, row-mode experimentation, demos, Playwright coverage, and Pretext-powered helpers for text-heavy layouts.

Next

What comes next

  • Strengthen confidence in column masonry and text-heavy layouts through focused tests and demos.
  • Improve row-mode behavior while keeping its constraints clear.
  • Keep the fallback honest about what it supports instead of presenting it as a full CSS Grid Lanes polyfill.