Open source Project note

Bronto Layout

Check the layout relationships that a page needs to preserve.

An image can drift below its text without causing page overflow. Bronto Layout lets you define that alignment as a rule, check it at selected browser widths, and receive the measured difference. The local CLI and TypeScript engine produce structured reports for developers, CI, and coding agents. Existing Playwright tests can reuse their own page state.

A controlled portfolio fixture showing an image displaced below the first paragraph, annotated by Bronto Layout — A controlled, local regression from the project repository: an image is shifted down by 18 CSS pixels. This is an authored test fixture, not a claim of independent production detection. Reproduce the check .

Availability

Bronto Layout is experimental, MIT-licensed software. Browser checks require Node.js 22+ and an installed Chrome or Chromium. The npm beta and repository include installation instructions and a reproducible alignment example. It does not repair CSS automatically or certify an entire visual design; unmeasured surfaces remain explicit limitations.