Semantic
Native elements carry structure, behavior, and accessibility before CSS arrives.
<article>
<h2>Status</h2>
<progress value="86" max="100">
</article>ONE FILE · ZERO REQUIRED JS
Semantic HTML
with sharp edges.
A standalone CSS framework for technical interfaces. Write meaningful HTML and get responsive typography, terminal controls, hard borders, and dotted shadows.
Start from the markup.
Class-light
Classes are reserved for composition and visual variants—not every declaration.
.container.grid.group.legend
Adaptable
Light, dark, and automatic themes share a focused CSS-variable API.
<html data-theme="auto">Small API. Real interfaces.
Seven complete interfaces and a full-override Monokai palette. Two interfaces use HTML only, one adds vanilla JavaScript, and four add Alpine.js for application behavior. A docs-only script shares your saved palette across the site.
HTML only
Product landing and login pages built without application JavaScript.
HTML + vanilla JavaScript
OrbitDB pricing with native cards and FAQ, plus a small usage estimator without an application library.
HTML + Alpine
A dashboard, search console, task board, and three-page status site with state kept close to the markup.
Color palettes
Try 17 named parameter presets, or use Monokai for precise color overrides.
Quick install
Use jsDelivr for automatic minification and compression.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/slok/tty.css@main/tty.min.css">@main follows the latest main branch; pin a release tag or commit for production.
Prefer hosting locally? Download tty.css and link it from your document head.