diff --git a/examples/cdn-example/demo-config.json b/examples/cdn-example/demo-config.json
new file mode 100644
index 0000000000..328168147d
--- /dev/null
+++ b/examples/cdn-example/demo-config.json
@@ -0,0 +1,6 @@
+{
+    "title": "CDN",
+    "tags": ["editing", "viewing"],
+    "slug": "cdn",
+    "demo_type": "interactive"
+}
diff --git a/examples/docxtemplater-example/demo-config.json b/examples/docxtemplater-example/demo-config.json
new file mode 100644
index 0000000000..137adfdc9d
--- /dev/null
+++ b/examples/docxtemplater-example/demo-config.json
@@ -0,0 +1,6 @@
+{
+    "title": "Docxtemplater",
+    "tags": ["editing", "viewing", "vue", "templating"],
+    "slug": "docxtemplater",
+    "demo_type": "interactive"
+}
diff --git a/examples/next-js-ssr/demo-config.json b/examples/next-js-ssr/demo-config.json
new file mode 100644
index 0000000000..31b8a61119
--- /dev/null
+++ b/examples/next-js-ssr/demo-config.json
@@ -0,0 +1,6 @@
+{
+    "title": "SSR",
+    "tags": ["editing","next-js", "ssr"],
+    "slug": "ssr",
+    "demo_type": "interactive"
+}
diff --git a/examples/nodejs-example/demo-config.json b/examples/nodejs-example/demo-config.json
new file mode 100644
index 0000000000..6af73d020c
--- /dev/null
+++ b/examples/nodejs-example/demo-config.json
@@ -0,0 +1,6 @@
+{
+    "title": "Node JS",
+    "tags": ["editing","node"],
+    "slug": "node",
+    "demo_type": "interactive"
+}
diff --git a/examples/react-example/demo-config.json b/examples/react-example/demo-config.json
new file mode 100644
index 0000000000..eeb4a2e011
--- /dev/null
+++ b/examples/react-example/demo-config.json
@@ -0,0 +1,6 @@
+{
+    "title": "React",
+    "tags": ["editing", "viewing", "react"],
+    "slug": "react",
+    "demo_type": "interactive"
+}
\ No newline at end of file
diff --git a/examples/typescript-example/demo-config.json b/examples/typescript-example/demo-config.json
new file mode 100644
index 0000000000..fcdd1a657e
--- /dev/null
+++ b/examples/typescript-example/demo-config.json
@@ -0,0 +1,6 @@
+{
+    "title": "Typescript",
+    "tags": ["editing", "viewing", "typescript", "vanilla-js"],
+    "slug": "typescript",
+    "demo_type": "interactive"
+}
\ No newline at end of file
diff --git a/examples/vanilla-example/demo-config.json b/examples/vanilla-example/demo-config.json
new file mode 100644
index 0000000000..d5576eaf02
--- /dev/null
+++ b/examples/vanilla-example/demo-config.json
@@ -0,0 +1,10 @@
+{
+    "title": "Vanilla JS",
+    "tags": [
+        "editing",
+        "viewing",
+        "vanilla-js"
+    ],
+    "slug": "vanilla-js",
+    "demo_type": "interactive"
+}
\ No newline at end of file
diff --git a/examples/vue-custom-mark/demo-config.json b/examples/vue-custom-mark/demo-config.json
new file mode 100644
index 0000000000..e970cdfb7e
--- /dev/null
+++ b/examples/vue-custom-mark/demo-config.json
@@ -0,0 +1,6 @@
+{
+    "title": "Custom Marks",
+    "tags": ["editing", "viewing", "vue"],
+    "slug": "custom-marks",
+    "demo_type": "interactive"
+}
\ No newline at end of file
diff --git a/examples/vue-custom-node-example/demo-config.json b/examples/vue-custom-node-example/demo-config.json
new file mode 100644
index 0000000000..8a6a42e027
--- /dev/null
+++ b/examples/vue-custom-node-example/demo-config.json
@@ -0,0 +1,6 @@
+{
+    "title": "Custom Nodes",
+    "tags": ["editing", "viewing", "vue"],
+    "slug": "custom-nodes",
+    "demo_type": "interactive"
+}
\ No newline at end of file
diff --git a/examples/vue-docx-from-html/demo-config.json b/examples/vue-docx-from-html/demo-config.json
new file mode 100644
index 0000000000..2c1400672a
--- /dev/null
+++ b/examples/vue-docx-from-html/demo-config.json
@@ -0,0 +1,6 @@
+{
+    "title": "DOCX from HTML",
+    "tags": ["editing", "viewing", "vue"],
+    "slug": "docx-from-html",
+    "demo_type": "interactive"
+}
\ No newline at end of file
diff --git a/examples/vue-example/demo-config.json b/examples/vue-example/demo-config.json
new file mode 100644
index 0000000000..ec4fca8494
--- /dev/null
+++ b/examples/vue-example/demo-config.json
@@ -0,0 +1,6 @@
+{
+    "title": "Vue",
+    "tags": ["editing", "viewing", "vue"],
+    "slug": "vue",
+    "demo_type": "interactive"
+}
diff --git a/examples/vue-example/demo-thumbnail.png b/examples/vue-example/demo-thumbnail.png
new file mode 100644
index 0000000000..4729f1cc1d
Binary files /dev/null and b/examples/vue-example/demo-thumbnail.png differ