nss

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.

# features

# changelog

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.

Typography

Text can be strong, emphasised, marked, deleted, inserted, small, HTML, quoted, H2O or x2. Dates use and numbers 42.

A third-level heading new

Fourth level

Fifth level
Sixth level

Simplicity is prerequisite for reliability.

Edsger W. Dijkstra
  1. Ordered lists
  2. get mono numbers
    1. and nest
Term
A description list pairs a term with its meaning.
Another
Lines up in two columns on wide screens.

Nihar · Bengaluru · hi@nihars.com

Code

def hello(name):
    return f"Hello, {name}!"
$ rynz build
✓ built 26 pages in 0.11s

Tables

Containers on nimory
ServiceStatusUptime
caddyrunning
immichhealthy
ollamaidle
3 servicesall up

Media

Teal sample
One
Blue sample
Two
Light teal sample
Three
A figure holding figures is a gallery.

Disclosure

What is classless CSS?

Styles attach to elements and their structure instead of class names.

Does it need JavaScript?

No.

Can I theme it?

Override the variables in :root.

# Last updated on .

Cards: a section of articles

Rynz

Markdown in, plain HTML out.

Python · MIT

nimory

One machine running files, photos, notes and local AI.

Debian · Docker

nss

This stylesheet. Classless and JavaScript-free.

Stat tiles: a dl of divs

Uptime
99.9%
Containers
19
Disk used
17%
Last backup
18h ago

Key–value rows

Tiles: a list of links

Forms

Options

Working…

Themes

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.