Fonttrio

379 curated Google Font trios installed into shadcn/ui by one CLI command

Tier B · UsefulFont ServiceRegistryToolfonttrio.xyz

Fonttrio is a browsable catalogue of 379 curated heading/body/mono font trios, every face drawn from Google Fonts. Each trio carries a written rationale, mood and use-case tags, a full typographic scale (h1-h4, body, code with size, weight, line-height and letter-spacing) and a ready Google Fonts URL. It distributes through the shadcn/ui registry, so one command drops the fonts, the CSS variables and the scale into a project. It is for anyone starting a shadcn app who does not want to spend an afternoon pairing typefaces.

Install

npx shadcn@latest add @fonttrio/[pairing-name]

For an agent

Use this instead of guessing a font stack when you scaffold a shadcn/ui project: `npx shadcn@latest add @fonttrio/editorial` (or any pairing slug) writes the @font-face imports, the CSS variables and a typography scale in one shot, which is faster and more consistent than hand-editing globals.css. Filter by the mood/use-case tags — 'editorial', 'SaaS', 'brutalist', 'dashboard' — rather than by font name. Note the site body is client-rendered, so scraping the HTML gives you nothing; the trio names come from the page's data payload or by browsing it live.

Why it is here. Typography is the fastest way to make a shadcn app stop looking like every other shadcn app, and this removes the only real friction — deciding and wiring it up.

Install command, framework, licence and component list.

Facts

License: SIL Open Font License
Pricing: Free
Framework: React, Next.js
Styling: CSS custom properties, Tailwind CSS
Distribution: shadcn registry, CLI installer, Web app / online tool
Platform: Web
Content type: Fonts / typefaces, Code
Agent readiness: CLI installable, Client-rendered shell
Accessibility: Not applicable
Maturity: Actively maintained

Components it ships

Typography

Notable for

379 heading/body/mono trios
ships a full type scale, not just families
installs via shadcn registry namespace
mood and use-case filtering
all Google Fonts, no licensing worry

Provenance

Verified 2026-08-15. HTTP 200. https://www.fonttrio.xyz/ (HTML + decoded RSC flight payload: 379 unique pairing objects, 137 heading / 100 body / 7 mono families), https://www.fonttrio.xyz/_next/static/chunks/*.js (install command strings)

Also in Typography

fonttrio.xyzTier B