Text flow guide

Overview

Text flow sets a paragraph on a canvas and decides where each line ends.

White justified serif paragraphs in one column, parting around a circle and a rectangle on a dark frame
The Long preset in Serif, justified, around the starting circle and one added rectangle.

Setting text is mostly line breaking: a line takes words until the next one does not fit, and that word moves down. That is word wrap.

Text flow measures every word once on the canvas, using the font's text metrics. Then it fills each line from left to right, and breaks the moment the next word is too wide.

The trick is that the width a line may use can change from one line to the next. A shape in the way narrows the lines beside it, in every mode. A circle makes the lines short at the top and bottom and long in the middle.

Six modes use that one idea: a single column, columns, a shrinkwrap box, a circle, a moving wave, and a perspective that widens toward the bottom.

Open Text flow Start here

In this guide

  1. StartWhat you need, your first layout, and how to save it.
  2. Every controlEvery control in the panel, one line each.
  3. Three looksThree layouts and the settings behind them.
  4. HelpWhat to do when something goes wrong.

It opens with the Art preset and one circle in the right half of the column, so the first lines already wrap around its curve. Drag the circle with a mouse, a pen or a finger and the lines follow.

It runs in your browser on a 2D canvas and needs no WebGL. Your text never leaves your device.