Get started
Add one line to your page's <head>:
<link rel="stylesheet" href="https://niharokz.gitlab.io/nss/nss.min.css">
Press Ctrl + F5 to reload. Variables look like --nss-accent; sample output looks like build ok.
Plain HTML in. A finished website out. No classes.
nss styles every HTML element and recognises common page structures — cards, timelines, tiles, galleries, stat rows, a sidebar — from the HTML alone. Nothing to learn but HTML.
Add one line to your page's <head>:
<link rel="stylesheet" href="https://niharokz.gitlab.io/nss/nss.min.css">
Press Ctrl + F5 to reload. Variables look like --nss-accent; sample output looks like build ok.
Text can be strong, emphasised, marked, deleted, inserted, small, HTML, quoted
, H2O or x2. Dates use and numbers 42.
Simplicity is prerequisite for reliability.
def hello(name):
return f"Hello, {name}!"
$ rynz build ✓ built 26 pages in 0.11s
| Service | Status | Uptime |
|---|---|---|
| caddy | running | |
| immich | healthy | |
| ollama | idle | |
| 3 services | all up |
Styles attach to elements and their structure instead of class names.
No.
Override the variables in :root.
# Last updated on .
Markdown in, plain HTML out.
One machine running files, photos, notes and local AI.
This stylesheet. Classless and JavaScript-free.
Working…
Load a theme after nss, or override any variable yourself:
<link rel="stylesheet" href="nss.min.css">
<link rel="stylesheet" href="nss-amber.min.css">
<style>:root{ --nss-accent:#c2410c; --nss-radius:4px }</style>
# Built with nss, used by nih.ar and home.nihars.com.