Fonttrio, a new open-source font pairing registry built specifically for shadcn/ui projects, has launched with 49 curated font combinations that can be installed with a single CLI command. Created by developer Dima Kapish, the tool aims to eliminate the time-consuming process of selecting, pairing, and configuring fonts for web applications built on the popular component framework.
The tool leverages the registry:font type introduced in shadcn CLI v4, allowing developers to install a complete typography system, including heading, body, and monospace fonts, along with CSS variables and a full typography scale, through one command:
npx shadcn@latest add <https://www.fonttrio.xyz/r/editorial.json>
Once installed, fonts are configured via next/font in Next.js applications, CSS custom properties are set up in globals.css, and a typography scale covering h1 through body text is applied automatically. The generated CSS variables follow a straightforward pattern:
--font-heading
--font-body
--font-mono
The launch attracted immediate attention from the shadcn/ui ecosystem. shadcn, the creator of shadcn/ui, responded on X saying:
This is amazing. Using the registry for font distribution. One click install. Congrats on the launch
The post received nearly 98,000 views and over 1,000 likes.
One Instagram creator highlighted a broader concern within the community around shadcn:
The shadcn-ification of apps is becoming a real problem. Everything is starting to look the same. Same components. Same layouts. Same vibe.
They acknowledged typography as an area to help break this and specifically called out Fonttrio.
Fonttrio enters a space with established alternatives, though none offer the same level of framework integration. Fontjoy uses machine learning to generate font pairings and offers adjustable contrast sliders, but produces recommendations rather than installable packages. Fontpair provides curated Google Font combinations with visual previews, but also lacks CLI integration. Neither tool generates CSS variables, typography scales, or framework-specific configurations.
For developers looking to adopt Fonttrio in existing shadcn/ui projects, installation requires shadcn CLI v4 or later. The shadcn team also introduced partial preset application in April 2026, allowing developers to selectively apply only fonts from a preset using npx shadcn@latest apply --preset <code> --only font.
The full Fonttrio documentation, including an installation guide and API reference, is available alongside the source code on GitHub, where the project has already accumulated 377 stars at time of writing.
Fonttrio is an open-source project built by Dima Kapish for the shadcn/ui community. It is written primarily in TypeScript and distributed via the shadcn registry system, a mechanism that allows third-party tools and configurations to be shared and installed through the shadcn CLI. The registry approach represents a broader trend in the ecosystem toward composable, community-driven tooling that extends the core framework.