diff --git a/bun.lock b/bun.lock
index 1597696..5074a5a 100644
--- a/bun.lock
+++ b/bun.lock
@@ -5,6 +5,7 @@
     "": {
       "name": "md-blog",
       "dependencies": {
+        "@keithclark/shaderview": "git+https://github.com/keithclark/shaderview",
         "highlight.js": "^11.11.1",
         "katex": "^0.16.45",
         "lucide": "^1.11.0",
@@ -210,6 +211,8 @@
 
     "@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
 
+    "@keithclark/shaderview": ["@keithclark/shaderview@github:keithclark/shaderview#fee0cf0", {}, "keithclark-shaderview-fee0cf0"],
+
     "@mermaid-js/parser": ["@mermaid-js/parser@1.1.0", "", { "dependencies": { "langium": "^4.0.0" } }, "sha512-gxK9ZX2+Fex5zu8LhRQoMeMPEHbc73UKZ0FQ54YrQtUxE1VVhMwzeNtKRPAu5aXks4FasbMe4xB4bWrmq6Jlxw=="],
 
     "@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.4", "", { "dependencies": { "@tybys/wasm-util": "^0.10.1" }, "peerDependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1" } }, "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow=="],
diff --git a/package.json b/package.json
index f3fd52b..6bc1e02 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "md-blog",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "private": true,
   "type": "module",
   "repository": "https://github.com/klemek/md-blog",
@@ -17,6 +17,7 @@
     "format": "prettier --write src/ *.ts *.json"
   },
   "dependencies": {
+    "@keithclark/shaderview": "git+https://github.com/keithclark/shaderview",
     "highlight.js": "^11.11.1",
     "katex": "^0.16.45",
     "lucide": "^1.11.0",
diff --git a/src/main.ts b/src/main.ts
index c8e37b0..c80e070 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,6 +2,9 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 
+import ShaderviewElement from '@keithclark/shaderview';
+customElements.define('kc-shaderview', ShaderviewElement);
+
 const app = createApp(App)
 
 app.use(router)