flâneur

Pretext Demos

chenglou.me · 178 words · saved by 4 readers

Small browser demos for the kinds of layout work Pretext unlocks: text height without DOM measurement in the hot path, manual line routing, and width-tight multiline UI. Expand and collapse sections whose text heights are calculated from Pretext. Tight multiline message bubbles that keep the same line count with less wasted area. A fixed-height editorial spread with obstacle-aware title routing and continuous flow. Particle-driven ASCII art comparing proportional measured glyphs against a monospace version. Animated orbs, live text reflow, pull quotes, and multi-column flow with zero DOM measurements. Rich inline text, code spans, links, and chips laid out together, with pills staying whole while text keeps wrapping naturally. A text-card occlusion demo where height prediction comes from Pretext instead of DOM reads.

Pretext Small browser demos for the kinds of layout work Pretext unlocks: text height without DOM measurement in the hot path, manual line routing, and width-tight multiline UI. Accordion Expand and collapse sections whose text heights are calculated from Pretext. Bubbles Tight multiline message bubbles that keep the same line count with less wasted area. Dynamic Layout A fixed-height editorial spread with obstacle-aware title routing and continuous flow. Variable Typographic ASCII Particle-driven ASCII art comparing proportional measured glyphs against a monospace version.…

saved by

related reading