---
tags: zeta-dom
---

:::info
**We are moving to** https://misonou.github.io/
:::

# Installation

## Using webpack

Using in webpack environment:

npm i zeta-dom     # or
yarn add zeta-dom

import { IS_TOUCH, /* ... */ } from "zeta-dom/env";
import { noop, /* ... */ } from "zeta-dom/util";
import { bind, /* ... */ } from "zeta-dom/domUtil";
import { runCSSAnimation, /* ... */ } from "zeta-dom/cssUtil";
import dom, { /* ... */ } from "zeta-dom/dom";
import { lock, /* ... */ } from "zeta-dom/domLock";
import { observe, /* ... */ } from "zeta-dom/observe";
import { ZetaEventContainer, /* ... */ } from "zeta-dom/events";
import { TraversableNodeTree, /* ... */ } from "zeta-dom/tree";

## Using CDN

<script src="https://unpkg.com/jquery"></script>
<script src="https://unpkg.com/zeta-dom"></script>

// some modules are merged in a single namespace
zeta.IS_TOUCH;                // export in zeta-dom/env
zeta.util.noop();             // export in zeta-dom/util
zeta.util.bind();             // export in zeta-dom/domUtil
zeta.css.runCSSAnimation();   // export in zeta-dom/cssUtil
zeta.dom;                     // export in zeta-dom/dom
zeta.dom.lock();              // export in zeta-dom/domLock
zeta.dom.observe();           // export in zeta-dom/observe
new zeta.EventContainer;      // export in zeta-dom/events
new zeta.TraversableNodeTree; // export in zeta-dom/tree