unre­flowed.

Text is a liquid if you can ask for one line at a time at any width. Each frame a silhouette is rasterised, sliced into horizontal slots, and pretext fills every slot in reading order. Hover to carve a hole; the paragraph flows around the wound.

Once a bubble wraps, width: fit-content snaps to the full max-width and leaves a ragged gutter. The hatching on the left is that gutter, drawn from pretext's own line widths. On the right, a binary search finds the narrowest width that keeps the same number of lines.

I spend my days evaluating models, so here is one more. Pretext predicts the rendered height of a paragraph from arithmetic alone. The browser supplies ground truth the slow way: it renders the paragraph and we read offsetHeight. Every dot is one paragraph at a random width and size. The diagonal marks a perfect prediction.

CSS reflow teleports. Here, because the lines are known before anything is drawn, every word gets a target position and a spring to reach it. Drag the dashed edge to resize the column. Drop the paragraph, then put it back.