kapishdima

kapishdima / fonttrio

Public

Curated font pairing registry for shadcn. Three fonts. One command. Install perfectly configured typography (heading + body + mono) with shadcn add. Includes editorial-grade type scales, CSS variables, and a live preview site.

www.fonttrio.xyz
91
1
100% credibility
Found Mar 08, 2026 at 91 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Fonttrio provides a curated gallery of harmonious font trios (heading, body, monospace) for web projects, with interactive previews and one-command installation via shadcn/ui registry.

How It Works

1
🌐 Discover Fonttrio

You stumble upon Fonttrio while searching for beautiful font matches to make your website look polished.

2
👀 Browse pairings

You explore dozens of ready-made font combinations sorted by mood like clean, bold, or editorial, each showing a quick preview.

3
🔍 Preview your favorite

You click a pairing and see it come alive with live text samples, type testers, and real-world examples like blogs or dashboards.

4
✨ Test and customize

You experiment with sizes, weights, and your own words to feel how the heading, body, and code fonts work together perfectly.

5
📋 Copy the setup

You grab the one-click instruction that bundles everything – fonts, sizes, and styles – ready for your project.

6
🛠️ Add to your site

You paste the simple setup into your website, and the fonts instantly apply across all your text.

🎉 Perfect typography

Your site now has harmonious fonts that make headings pop, body text flow beautifully, and code look crisp – all with zero hassle.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 91 to 91 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is fonttrio?

Fonttrio is a curated Google fonts registry for shadcn/ui projects, delivering trios of heading, body, and mono fonts via one command: `npx shadcn@latest add https://www.fonttrio.xyz/r/[pairing].json`. It installs perfectly configured CSS variables like `--font-heading` and editorial-grade type scales (h1 to body), skipping hours of manual font hunting and tweaking. Built in TypeScript with a live preview site at fonttrio.xyz showing real-world contexts like blogs and docs.

Why is it gaining traction?

Unlike generic font galleries, fonttrio offers 49 battle-tested, curated free fonts pairings tailored for shadcn—minimal to bold, editorial to corporate—with dark mode support and Google Fonts CDN loading. Developers love the instant install that wires everything into Tailwind and Next.js, plus interactive previews and copyable commands. It's a github curated list that turns typography decisions into a 10-second choice.

Who should use this?

Shadcn/ui users building Next.js apps who need fast, professional typography without design iteration—think landing pages, docs sites, or dashboards. Frontend devs prototyping startups or agencies will save weekends on font pairing; content teams get editorial-grade scales out of the box.

Verdict

Grab it if you're on shadcn—91 stars and 1.0% credibility score signal early promise, with solid docs and a polished site, though it's pre-1.0 so expect tweaks. Solid time-saver for configured fonts; skip if you need custom font hosting.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.