TagBrush.css
One stylesheet that makes plain HTML look finished, in light and dark mode. No JavaScript.
Small, independent tools for semantic HTML. No classes to learn, no framework, no build step, and every page still works with JavaScript off.
Use one, or all four. Each stands alone.
One stylesheet that makes plain HTML look finished, in light and dark mode. No JavaScript.
One script that makes tags behave: sortable tables, copy buttons, dialogs, menus, live totals.
A command that finds semantic and accessibility mistakes, for people, CI, and AI agents.
Page templates and snippets to copy, plus themes for Jekyll, MkDocs, Hugo, WordPress, and Pandoc.
This is the whole page: two lines in <head> and the HTML that means what you want.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tagbrush@1/tagbrush.min.css">
<script src="https://cdn.jsdelivr.net/npm/tagaction@0/tagaction.min.js" defer></script>
<table>
<thead><tr><th>Customer</th><th>Total</th><th>Status</th></tr></thead>
<tbody>
<tr><td>Maya Lin</td><td><data value="1240">$1,240.00</data></td><td><mark data-tone="success">Paid</mark></td></tr>
…
</tbody>
</table>
TagBrush.css styles it, TagAction makes the columns sortable (click a header), and npx @kovirlabs/tagcheck page.html confirms nothing is missing.
| Customer | Total | Status |
|---|---|---|
| Maya Lin | $1,240.00 | Paid |
| Alex Chen | $95.00 | Pending |
| Zoë Park | $310.50 | Paid |
| Bo Ito | $18.00 | Refunded |
TagKit's themes put the same look on the tools you already publish with.
Every tool has an llms.txt guide, and the family guide says which one to use when. An agent writes semantic HTML, runs TagCheck with --json, and fixes what it reports without a person.
data- attributes. Never classes as an API.hidden until the script shows it.Read the brand to use the family's look on a page of your own.