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.
Signal Cards
A multilingual card board whose heights are predicted ahead of time, the kind of measurement you want before virtualized feeds and prepacked decks render.
Shape Poetry
Drag celestial obstacles and watch one continuous text stream reroute line by line around moving geometry.
Launch Board
Mentions, pills, code spans, and body copy flowing together as a single inline system, with atomic chips that never tear apart mid-line.