Rapidly build efficient sites with Neat, the minimalist css framework.
Download
Neat CSS 0.1.1 — 25 April 2023
About
Neat is a simple HTML template. It’s tiny, opinionated, and made to last. It’s created by Joel Dare and heavily inspired by other minimalist sites like Hundred Rabbits and dozens of similar blogs.
Neat is about 2Kb and that is not minified or compressed. This documentation adds a few more bytes.
“That’s pretty neat!”
Getting Started
Grab the neat.css and neat.html files.
curl -O https://neat.joeldare.com/neat.css
curl -O https://neat.joeldare.com/neat.htmlThen copy neat.html to index.html and make your changes. Use neat.html as a reference.
Uses
Neat was designed for.
- Blogs
- Journals
- Technical sites
- Documentation
- Books
- Simple shops
Customizing
It’s easy to customize Neat. The best way is to create a new custom.css file and then add the following line to the head of your page.
That will give you the option of updating neat.css without losing any of your personalizations.
Design Decisions
Neat is opinionated and here are some of the design decisions and the rationale for each of them.
Small
In contrast with the majority of the modern web, Neat was designed to be tiny. A side-effect of being small is that it’s also very fast.
Low Energy
Because it’s small and fast it also consumes fewer resources. It should work well even on the slowest connections. Consuming less energy on both the client and the server.
Long-Lasting
The web is relatively young and technology changes fast but one of the technologies that has lasted as long a
