diff --git a/.gitignore b/.gitignore
index 3435329..c9d597f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
+dist
 node_modules
 example/*/bundle.js
+*.tgz
diff --git a/package.json b/package.json
index 7e68d85..5c2c08e 100644
--- a/package.json
+++ b/package.json
@@ -2,10 +2,11 @@
   "name": "hyperx",
   "version": "2.3.2",
   "description": "tagged template string virtual dom builder",
-  "main": "index.js",
+  "main": "dist/hyperx.js",
   "scripts": {
     "test": "tape test/*.js",
-    "coverage": "covert test/*.js"
+    "coverage": "covert test/*.js",
+    "prepack": "webpack"
   },
   "keywords": [
     "jsx",
@@ -22,12 +23,15 @@
   "devDependencies": {
     "covert": "^1.1.0",
     "hyperscript": "^1.4.7",
+    "hyperscript-attribute-to-property": "^1.0.0",
     "tape": "^4.4.0",
-    "virtual-dom": "^2.1.1"
-  },
-  "dependencies": {
-    "hyperscript-attribute-to-property": "^1.0.0"
+    "uglifyjs-webpack-plugin": "^1.1.5",
+    "virtual-dom": "^2.1.1",
+    "webpack": "^3.10.0"
   },
+  "files": [
+    "dist"
+  ],
   "directories": {
     "example": "example",
     "test": "test"
diff --git a/readme.markdown b/readme.markdown
index e5863af..855c295 100644
--- a/readme.markdown
+++ b/readme.markdown
@@ -146,6 +146,23 @@ var App = React.createClass({
 render(React.createElement(App), document.querySelector('#content'))
 ```
 
+## UMD example (via Hyperapp)
+
+```html
+<script src="https://unpkg.com/hyperapp@1.0.1/dist/hyperapp.js"></script>
+<script src="https://unpkg.com/hyperx@latest/dist/hyperx.min.js"></script>
+<script>
+  const {app, h} = hyperapp
+  const hx = hyperx(h)
+  const main = app(
+    {}, // state
+    {}, // actions
+    () => hx`<div>Hello from HyperX!</div>`,
+    document.getElementById('root')
+  )
+</script>
+```
+
 ## console.log example
 
 ``` js
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..c4cefff
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,19 @@
+const path = require('path')
+
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+const cfg = minify => ({
+	entry: './index.js',
+	devtool: 'source-map',
+	output: {
+		filename: `hyperx${minify ? '.min' : ''}.js`,
+		library: 'hyperx',
+		libraryTarget: 'umd',
+		path: path.join(__dirname, 'dist'),
+	},
+	plugins: minify ? [new UglifyJsPlugin({
+		sourceMap: true,
+	})] : [],
+})
+
+module.exports = [cfg(false), cfg(true)]