
[](https://hexdocs.pm/nakai/)
## Getting started
```sh
gleam add nakai
```
```gleam
import nakai
import nakai/html.{Node}
import nakai/html/attrs.{Attr}
const header_style = "
color: #331f26;
font-family: 'Neuton', serif;
font-size: 128px;
font-weight: 400;
"
pub fn header(attrs: List(Attr(a)), text: String) -> Node(a) {
let attrs = [attrs.style(header_style), ..attrs]
html.h1_text(attrs, text)
}
pub fn app() -> String {
html.div(
[],
[
html.Head([html.title("Hello!")]),
header([], "Hello, from Nakai!")
],
)
|> nakai.to_string()
}
```
## Development
While Nakai itself is pure Gleam, the benchmarks require having [Elixir] installed,
and some of its dependencies require [Rebar3] to compile.
[elixir]: https://elixir-lang.org/
[rebar3]: https://rebar3.org/