"The future of text layout is not CSS": Midjourney engineer open-sources Pretext

BlockBeatNews · 2026-03-30T03:27:39+00:00

Cheng Lou has open-sourced the text measurement and layout library Pretext, based on JavaScript/TypeScript. It requires no dependencies, calculates text height using arithmetic operations, significantly improves performance, and supports multiple languages and complex text layouts. It is suitable for scenarios such as virtual lists, custom layouts, and chat interfaces.

BlockBeatNews

2026-03-30 03:27:39

Abstract generation in progress

According to monitoring by 1M AI News, Cheng Lou, an engineer at Midjourney and the author of the React animation library react-motion, has open-sourced Pretext, a pure JavaScript/TypeScript text measurement and typography library with zero dependencies. Pretext bypasses browser DOM measurements (like getBoundingClientRect and offsetHeight) to avoid layout reflow, performing text height calculations and line breaks purely through arithmetic.

Pretext operates in two stages: prepare() measures character widths all at once using the Canvas API, while layout() performs pure arithmetic operations based on the cached width data. In a benchmark test with 500 segments of text, prepare() took about 19ms, and layout() only took 0.09ms. Cheng Lou wrote in a supporting article, “The performance improvement is not incremental but transformative: 0.05ms compared to 30ms, zero reflows compared to five hundred.”

The library supports all languages, including Chinese, Japanese, Korean, Arabic, as well as emojis and mixed-direction text, and can render to DOM, Canvas, and SVG. Typical application scenarios include:

Virtual lists and occlusion culling without guessing heights
JavaScript-driven custom layouts such as masonry layouts
Chat bubbles with multi-line text that adaptively shrink in width
Text wrapping around images for editing and typesetting

View Original

This page may contain third-party content, which is provided for information purposes only (not representations/warranties) and should not be considered as an endorsement of its views by Gate, nor as financial or professional advice. See Disclaimer for details.