A one-page experiment built around `@chenglou/pretext`

Write the interface before it exists.

This page treats text like a living material. Drag the anchors, resize the frame, and watch the essay keep recomposing itself with Pretext doing the line math in real time.

Dynamic line routing Premeasured card system Proportional ASCII signal

Live editorial field

Text flowing around moving anchors

Drag the amber and blue bodies. Pretext recalculates each row.

visible lines 0
stage width 0px
text status ready

Pretext measured, then placed

Masonry without the guesswork.

Each card gets its headline and body height from Pretext before it is positioned, so the grid can settle immediately instead of waiting on DOM reads.

A nod to the playground demo

Here be dragons, laid out in pure text.

This dragon is assembled from text rows and re-centered with Pretext on every frame. Move inside the panel to steer the flame and let the playground energy spill into the page.

dragon playground / live loop 54 columns ยท centered with Pretext