diff --git a/examples/import_example_ts/out.png b/examples/import_example_ts/out.png
new file mode 100644
index 0000000..6bcbeb3
Binary files /dev/null and b/examples/import_example_ts/out.png differ
diff --git a/examples/import_example_ts/package-lock.json b/examples/import_example_ts/package-lock.json
new file mode 100644
index 0000000..6269b45
--- /dev/null
+++ b/examples/import_example_ts/package-lock.json
@@ -0,0 +1,66 @@
+{
+  "name": "import_example_ts",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "import_example_ts",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "pureimage": "^0.4.13"
+      },
+      "devDependencies": {
+        "typescript": "^5.2.2"
+      }
+    },
+    "node_modules/jpeg-js": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/jpeg-js/-/jpeg-js-0.4.4.tgz",
+      "integrity": "sha512-WZzeDOEtTOBK4Mdsar0IqEU5sMr3vSV2RqkAIzUEV2BHnUfKGyswWFPFwK5EeDo93K3FohSHbLAjj0s1Wzd+dg=="
+    },
+    "node_modules/opentype.js": {
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/opentype.js/-/opentype.js-0.4.11.tgz",
+      "integrity": "sha512-GthxucX/6aftfLdeU5Ho7o7zmQcC8uVtqdcelVq12X++ndxwBZG8Xb5rFEKT7nEcWDD2P1x+TNuJ70jtj1Mbpw==",
+      "bin": {
+        "ot": "bin/ot"
+      }
+    },
+    "node_modules/pngjs": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-7.0.0.tgz",
+      "integrity": "sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==",
+      "engines": {
+        "node": ">=14.19.0"
+      }
+    },
+    "node_modules/pureimage": {
+      "version": "0.4.13",
+      "resolved": "https://registry.npmjs.org/pureimage/-/pureimage-0.4.13.tgz",
+      "integrity": "sha512-P8aonTNAnXWJn2pBIqyeWw0I/D4YDOfEavCVvbDG+wx3dCujQX0ENZiW5OcHfbd8HKLfVhCf4F/3Xivf1yWDiA==",
+      "dependencies": {
+        "jpeg-js": "^0.4.4",
+        "opentype.js": "^0.4.3",
+        "pngjs": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=14.19.0"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    }
+  }
+}
diff --git a/examples/import_example_ts/package.json b/examples/import_example_ts/package.json
new file mode 100644
index 0000000..80c657e
--- /dev/null
+++ b/examples/import_example_ts/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "import_example_ts",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "dependencies": {
+    "pureimage": "^0.4.13"
+  },
+  "devDependencies": {
+    "typescript": "^5.2.2"
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "node build/basic.js"
+  },
+  "author": "",
+  "license": "ISC"
+}
diff --git a/examples/import_example_ts/src/basic.ts b/examples/import_example_ts/src/basic.ts
new file mode 100644
index 0000000..21a37c4
--- /dev/null
+++ b/examples/import_example_ts/src/basic.ts
@@ -0,0 +1,14 @@
+import * as PImage from "pureimage";
+import * as fs from "fs";
+const img1 = PImage.make(100, 100);
+const ctx = img1.getContext("2d");
+ctx.fillStyle = "red";
+ctx.fillRect(0, 0, 100, 100);
+
+PImage.encodePNGToStream(img1, fs.createWriteStream("out.png"))
+  .then(() => {
+    console.log("wrote out the png file to out.png");
+  })
+  .catch((e) => {
+    console.log("there was an error writing", e);
+  });
diff --git a/examples/import_example_ts/tsconfig.json b/examples/import_example_ts/tsconfig.json
new file mode 100644
index 0000000..06519c6
--- /dev/null
+++ b/examples/import_example_ts/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "outDir": "./build"
+  },
+  "include": ["src"]
+}