Render beautiful Tibetan
typography without ever
leaving your HTML.
A utility-first CSS framework packed with classes like
tr-jomolhari,
tr-guard,
tr-text-rainbow and
tr-glow-aurora
that can be composed to render any Tibetan script, directly in your markup.
termaUI is currently a working prototype. We are actively seeking funding to bring it to full production.
One stylesheet.
Every Tibetan need.
Every cell below is live termaUI — font stacks, visual effects, manuscript layouts, rendering fixes, and mixed-language typography all working together in one imported stylesheet.
The syllable བཀྲ་ཤིས་ means auspicious.
Recite ཨོཾ་མ་ཎི་པདྨེ་ཧཱུྃ། three times.
The text བདེ་ལེགས། means peace.
Works in real
interfaces.
Every card below is working Tibetan UI — not a screenshot. A monastery site, a flyout nav, a one-liner that renders beautiful script.
Full-page Tibetan site
Nav, headings, body copy, and CTA buttons — all Tibetan, all one class per element.
བཀྲ་ཤིས་བདེ་ལེགས།
ཤེས་རབ་ཀྱི་ཕ་རོལ་ཏུ་ཕྱིན་པའི་གདམས་ངག
Navigation components
Dropdown menus with Tibetan labels, descriptions, and icon slots — ready for any app.
Zero config. Just HTML.
Import one stylesheet. Add lang="bo" and a class. That's the entire API.
<link rel="stylesheet"
href="termaui.css">
<h1 class="tr-jomolhari
tr-text-rainbow
tr-guard"
lang="bo">
བཀྲ་ཤིས་བདེ་ལེགས།
</h1>36 Tibetan typefaces,
ready for the web.
Every font is subsetted to WOFF2, optimized with unicode-range, and loaded on demand. Here are five featured families — with dozens more in the full library.
Effects that feel
like magic.
Modern CSS effects tuned for Tibetan script. Gradients, glows, outlines, and glass — one class away.
Traditional manuscript format,
rendered in CSS.
The pecha (དཔེ་ཆ) is Tibet's traditional book format — long narrow leaves of text with a title margin, body column, and folio number, all separated by red rules. termaUI makes it one component.
.tr-pecha .tr-pecha-title .tr-pecha-body .tr-pecha-folio .tr-yig-mgo .tr-pecha-dark Rendering problems,
solved in one class.
Tibetan's toughest challenges — clipping, line-breaking, baseline alignment — fixed with utility classes.
Tibetan as a first-class
citizen of the internet.
termaUI puts the power of defining Tibetan digital aesthetics back into the hands of the community.
.tr-scale-up and .tr-noto classes let elders read dharma teachings without straining.Simple by design.
When it ships.
termaUI is a working prototype — this entire site runs on it. When funded, it ships as a single npm install: drop in the stylesheet, add lang="bo", and write. Here's exactly what the API looks like:
We are actively seeking funding to make this happen. Get in touch if you can help →
<!-- 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><p class="tr-jomolhari"> Jomolhari
<p class="tr-noto"> Noto Serif
<p class="tr-machine-uni"> Machine Uni
<p class="tr-drutsa"> Qomolangma
<p class="tr-monlam"> Monlam
<!-- + 31 more fonts → /fonts/library --><p>The word
<span class="tr-jomolhari tr-scale-up
tr-baseline" lang="bo">
བཀྲ་ཤིས་བདེ་ལེགས།
</span>
means hello.
</p>