Pretext

Demos

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.

Editorial Engine

Animated orbs, live text reflow, pull quotes, and multi-column flow with zero DOM measurements.

Rich Text

Rich inline text, code spans, links, and chips laid out together, with pills staying whole while text keeps wrapping naturally.

Masonry

A text-card occlusion demo where height prediction comes from Pretext instead of DOM reads.