diff --git a/docs/docs/embedding.md b/docs/docs/embedding.md
index eef91463..296f6950 100644
--- a/docs/docs/embedding.md
+++ b/docs/docs/embedding.md
@@ -24,12 +24,26 @@ The above example shows the most basic usage of the `<kicanvas-embed>` element.
 
 ## Installation
 
+### Pre-compiled
+
 During alpha, the best way to install KiCanvas is to [download the bundled kicanvas.js](/kicanvas/kicanvas.js), copy it into your project, and include it with a script tag:
 
 ```html
 <script type="module" src="/kicanvas.js"></script>
 ```
 
+### Package installation
+
+```bash
+npm install --save https://github.com/theacodes/kicanvas
+```
+
+Ensure the package is imported somewhere like `main.ts` to enable the custom web elements.
+
+```typescript
+import "kicanvas";
+```
+
 ## Examples
 
 ### Interactivity
diff --git a/package.json b/package.json
index fdb7b5ec..0e04dd5e 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,17 @@
     "name": "kicanvas",
     "version": "0.0.0",
     "description": "",
+    "main": "./src/index.ts",
+    "types": "./src/index.ts",
+    "exports": {
+        ".": "./src/index.ts"
+    },
     "type": "module",
+    "files": [
+        "src/**/*",
+        "README.md",
+        "LICENSE.md"
+    ],
     "directories": {
         "test": "tests"
     },