24 passed, 3 failed https://emsh.cat/ https://github.com/embedding-shapes/
![Niccup: Hiccup-like HTML Generation in ~120 Lines of Pure Nix
Ever wish it was really simple to create HTML from just Nix expressions, not even having to deal with function calls or other complexities? With niccup, now there is!
[ "div#main.container"
{ lang = "en"; }
[ "h1" "Hello" ] ]
<div class="container" id="main" lang="en">
<h1>Hello</h1>
</div>
That's it. Nix data structures in, HTML out. Zero dependencies. Works with flakes or without.
The code is available here: embedding-shapes/niccup
The website/docs/API and some fun examples can be found here: https://embedding-shapes.github.io/niccup/
Why Generate HTML from Nix?
If you're building static sites, documentation, or web artifacts as part of a Nix derivation, you've probably resorted to one of these:
String interpolation (''<div>${title}</div>''). Works until you need escaping or composition
External templating tools. Another dependency, another language, another build step
Importing HTML files, no programmatic generation
Niccup takes a different approach: represent HTML as native Nix data structures. This gives you map, filter, builtins.concatStringsSep, and the entire Nix expression language for free. No new syntax to learn. No dependencies to manage.](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:xgf53tsskwqhsgeuqxnzf7bz/bafkreihagbii4ywgijcn5thllgbjlebpgli4wvqdywrnymzbgbz5dnqhh4)
24 passed, 3 failed https://emsh.cat/ https://github.com/embedding-shapes/