Pretext Demos

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.

## Justification Comparison

CSS justification, greedy hyphenation, and Knuth-Plass paragraph layout shown side by side to reveal rivers and spacing tradeoffs.

## Rich Text

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

## Markdown Chat

A virtualized chat demo using marked for parsing, the rich-text inline flow helper for paragraph content, and pre-wrap for fenced code.

## Masonry

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