diff --git a/moonshine/demo/moonshine-web/.gitignore b/moonshine/demo/moonshine-web/.gitignore
new file mode 100644
index 0000000..4758605
--- /dev/null
+++ b/moonshine/demo/moonshine-web/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+public/moonshine/base/*
+public/moonshine/tiny/*
\ No newline at end of file
diff --git a/moonshine/demo/moonshine-web/README.md b/moonshine/demo/moonshine-web/README.md
new file mode 100644
index 0000000..1b74078
--- /dev/null
+++ b/moonshine/demo/moonshine-web/README.md
@@ -0,0 +1,32 @@
+# moonshine-web
+
+This directory is a self-contained demo of the Moonshine models running directly on a user's device in a web browser using `onnxruntime-web`. You can try this demo out in our [HuggingFace space](https://huggingface.co/spaces/UsefulSensors/moonshine-web) or, alternatively, install and run it on your own device by following the instructions below. If you want to run Moonshine in the browser in your own projects, `src/moonshine.js` provides a bare-bones implementation of inferences using the ONNX models.
+
+## Installation
+
+You must have Node.js (or another JavaScript toolkit like [Bun](https://bun.sh/)) installed to get started. Install [Node.js](https://nodejs.org/en) if you don't have it already.
+
+Once you have your JavaScript toolkit installed, clone the `moonshine` repo and navigate to this directory:
+
+```shell
+git clone git@github.com:usefulsensors/moonshine.git
+cd moonshine/moonshine/demo/moonshine-web
+```
+
+Then install the project's dependencies:
+
+```shell
+npm install
+```
+
+The demo expects the Moonshine Tiny and Base ONNX models to be available in `public/moonshine/tiny` and `public/moonshine/base`, respectively. To preserve space, they are not included here. However, we've included a helper script that you can run to conveniently download them from HuggingFace:
+
+```shell
+npm run get-models
+```
+
+This project uses Vite for bundling and development. Run the following to start a development server and open the demo in your web browser:
+
+```shell
+npm run dev
+```
diff --git a/moonshine/demo/moonshine-web/downloader.js b/moonshine/demo/moonshine-web/downloader.js
new file mode 100644
index 0000000..76d57ab
--- /dev/null
+++ b/moonshine/demo/moonshine-web/downloader.js
@@ -0,0 +1,36 @@
+// Helper script for downloading Moonshine ONNX models from HuggingFace for local development.
+import * as fs from 'fs';
+import * as hub from "@huggingface/hub";
+
+const repo = { type: "model", name: "UsefulSensors/moonshine" };
+
+var models = [
+ "tiny",
+ "base"
+]
+
+var layers = [
+ "preprocess.onnx",
+ "encode.onnx",
+ "uncached_decode.onnx",
+ "cached_decode.onnx"
+]
+
+console.log("Downloading Moonshine ONNX models from HuggingFace...")
+
+models.forEach(model => {
+ var dir = "public/moonshine/" + model
+ if (!fs.existsSync(dir)){
+ fs.mkdirSync(dir, { recursive: true });
+ }
+ layers.forEach(layer => {
+ hub.downloadFile({ repo, path: "onnx/" + model + "/" + layer }).then((file) => {
+ file.arrayBuffer().then((buffer) => {
+ fs.writeFile(dir + "/" + layer, Buffer.from(buffer), () => {
+ console.log("\tDownloaded " + model + "/" + layer + " successfully.")
+ });
+ })
+ })
+
+ })
+});
diff --git a/moonshine/demo/moonshine-web/index.html b/moonshine/demo/moonshine-web/index.html
new file mode 100644
index 0000000..3fa1c79
--- /dev/null
+++ b/moonshine/demo/moonshine-web/index.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+ Moonshine – lightweight ASR by Useful Sensors
+
+
+
+
+
+
+
Moonshine
+ fast, accurate, and lightweight speech-to-text models running in your browser
+