01 — The Proof

Your phone wraps text. A book sets it.

Same words, same space, both rendered by your browser right now. The first is your browser doing its best on its own. Watch the ends of its lines: little words like “a” and “the” left behind, thoughts snapped in half. The second is set the way a book would set it. Then squeeze the column.

The book isn’t a book. It’s your browser running Typeset — the one-line script at the bottom of this page. Every paragraph you’ve read here was set the same way.

For developers

Three ways in. All of them pinned.

import { mount } from 'typeset.us';

mount(document, 'article p, article h2');

import { TypesetRichText } from 'typeset.us/react';

<TypesetRichText lang="en">
  Read <a href="/notes">the notes</a> first.
</TypesetRichText>

Do I need it?

• Balanced headlinesCSS text-wrap: balance
• No one-word last lines in Chrome and SafariCSS text-wrap: pretty
• No “a”, “the” or “of” stranded at line ends; names kept togetherTypeset
• The same result in FirefoxTypeset
• Links and styling kept exactly; results your CI can checkTypeset
• Justified text with hyphenationNot Typeset: CSS hyphens: auto
• Right-to-left or non-Latin scripts; line-end rules for languages other than English, French, German and SpanishCSS text-wrap: pretty

60.0 KB gzipped for the script tag. No dependencies, no network calls, no tracking. Every result is checked after it renders, and a paragraph Typeset cannot improve keeps your browser’s layout.

02 — The Tastemaker

Type is the tell.

03 — The Craft

What the engine does while you read.