---
## Description
Temme (or Emmet in reverse) is to javascript what Emmet is to HTML and CSS, with no doubts, Emmet saved us from the headache of working with HTML and CSS, and now, it's about time Javascript had the same quirk too.
Temme works with javascript objects instead of plain text: give it a hierarchy object describing an HTML skeleton and an element to host it, and it builds the DOM tree for you. The library is dependency-light, fully typed and tree-shakeable.
## Install
```bash
pnpm add temmejs
```
```bash
npm install temmejs
```
```bash
yarn add temmejs
```
The package is also published to GitHub Packages as `@eoussama/temmejs`. More installation options are covered in [the wiki](https://github.com/eoussama/temmejs/wiki/Temme-install).
### Distribution formats
| File | Format | Use it for |
| ------------------------ | ---------------- | ------------------------------------------------------------------ |
| `dist/temme.mjs` | ES module | Bundlers and Node.js `import` (with `temme.d.mts` types) |
| `dist/temme.cjs` | CommonJS | Node.js `require` (with `temme.d.cts` types) |
| `dist/temme.browser.mjs` | ES module (min) | `
```
Simply that, giving Temme a target element and a skeleton object, it will render the following.
```html
