Masonry Layout with Pretext.js

Implement masonry text layouts with pretext.js — arrange variable-height text blocks into columns by pre-measuring text dimensions without DOM reflow. Dynamic row height calculation with pretextjs.

This page is part of Learn Pretext — interactive tutorials and live demos for pretext.js, the zero-dependency JavaScript text measurement library by Cheng Lou. New to the library? Start with the pretext.js tutorial, read why pretext exists, or browse the API reference. Enable JavaScript to run the live interactive demo and view its annotated source code.