All projects

Open Source · Typography

Terma Foundry

termaUI

Render beautiful Tibetan typography without ever leaving your HTML. A utility-first CSS framework packed with classes like tr-jomolhari, tr-guard, and tr-text-rainbow — composed directly in your markup.

36

Tibetan Typefaces

6

CSS Utility Modules

1

Stylesheet to Import

0

Build Tools Required

What it is

termaUI puts Tibetan typography on equal footing with the rest of the web — one class per typeface, one class per effect, one class to fix every rendering bug the browser throws at Tibetan script.

Zero Config

Import one stylesheet. Add lang="bo" and a class. That's the entire API.

<!-- 1. Add the stylesheet -->
<link rel="stylesheet" href="termaui.css">

<!-- 2. Use lang="bo" + termaUI classes -->
<h1 class="tr-jomolhari tr-text-rainbow tr-guard"
    lang="bo">
  བཀྲ་ཤིས་བདེ་ལེགས།
</h1>

6 Utility Modules

Font Stacks

One class per typeface — tr-jomolhari, tr-noto, tr-machine-uni, tr-drutsa, tr-monlam and 31 more. All fonts are WOFF2-subsetted and loaded on demand via unicode-range.

Visual Effects

Modern CSS effects tuned for Tibetan script: tr-text-rainbow, tr-shimmer (animated metallic gold sweep), tr-text-fire, and tr-glow-aurora.

Pecha Manuscript Layout

Tibet's traditional long-leaf book format — title margin, body column, folio number, red rules — rendered in CSS via tr-pecha, tr-pecha-dark, and companion classes.

Rendering Fixes (The Guardian Layer)

tr-guard prevents vowel marks and stacked consonants from clipping. tr-break enables syllable-aware line wrapping at tsheg boundaries. tr-scale-up and tr-baseline handle optical scaling and mixed-language baseline alignment.

Mixed-Language Typography

Inline Tibetan inside English prose, bilingual nav menus, and multilingual documents — all harmonized with a single span and two classes.

UI Components

Dropdown menus, nav bars, monastery site templates, and one-liners — working Tibetan UI, not screenshots.

Why it Matters

🏠 Native Comfort

People are 75% more likely to engage with content in their native script. termaUI makes Tibetan websites feel like home.

🧓 Accessible to Elders

Standard web fonts are too thin for Tibetan. tr-scale-up and tr-noto let elders read dharma teachings without straining.

✨ Professional Voice

Monasteries, artists, and small businesses can present their work with the same polish as a global brand.

🛠 End to Unicode Fighting

Developers no longer manually write complex CSS to stop vowels from clipping. Focus on features, not fonts.

📈 Faster Time to Market

Build a fully localized Tibetan app in days instead of months.

🏔 Community-Defined Aesthetics

Most languages depend on big tech to define their script's look. termaUI lets Tibetans own that definition.

Status

termaUI is a working prototype — the entire termafoundry.com site runs on it. We are actively seeking funding to bring it to full production as a single npm install.

Get in touch if you can help →