The engine that makes
Tibetan text work
on the web.
Tibetan text on websites is broken by default — letters get clipped, lines collide, and fonts don't load. termaUI is the invisible layer that fixes all of it. Developers add one file to their project and Tibetan just works — beautifully, on any device.
It solves the problems
no one else has solved.
Every website that displays Tibetan text faces the same set of problems. termaUI is a toolkit that solves all of them at once.
termaUI powers this entire website. Every page, every Tibetan word you see here is rendered by it.
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.Ready to use termaUI
in your project?
Everything you need — installation guides, class references, code examples, and framework-specific setup.