TWIGS

Typography

Readable prose, headings, lists, and inline text treatments.

Playground

Typography

Readable headings, paragraphs, inline code, lists, and keyboard hints.

  • Consistent rhythm
  • Accessible contrast

Typography

Readable headings, paragraphs, inline code, lists, and keyboard hints.

  • Consistent rhythm
  • Accessible contrast

Installation

Install in any React + Tailwind project:

$npx shadcn@latest add typography

Source

The exact source file used by this page, preferring the Twigs registry file when one exists and falling back to the current shadcn-generated primitive.

// Typography is documented as a shadcn pattern in Twigs.
// It is composed from the primitives shown in the playground.