diff --git a/cypress/integration/rendering/examples.spec.ts b/cypress/integration/rendering/examples.spec.ts
new file mode 100644
index 000000000..8431d7803
--- /dev/null
+++ b/cypress/integration/rendering/examples.spec.ts
@@ -0,0 +1,7 @@
+import { urlSnapshotTest } from '../../helpers/util.js';
+
+describe.skip('Examples', () => {
+  it('should render all examples', () => {
+    urlSnapshotTest('http://localhost:9000/examples.html');
+  });
+});
diff --git a/cypress/platform/examples.html b/cypress/platform/examples.html
new file mode 100644
index 000000000..3add3da46
--- /dev/null
+++ b/cypress/platform/examples.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Examples</title>
+  </head>
+  <body>
+    <script type="module">
+      import mermaid from './mermaid.esm.mjs';
+      import { diagramData } from './mermaid-examples.esm.mjs';
+      for (const d of diagramData) {
+        const div = document.createElement('div');
+        const h1 = document.createElement('h1');
+        h1.appendChild(document.createTextNode(d.name));
+        div.appendChild(h1);
+        div.appendChild(document.createTextNode(d.description));
+        for (const example of d.examples) {
+          const pre = document.createElement('pre');
+          pre.classList.add('mermaid');
+          pre.textContent = example.code;
+          div.appendChild(pre);
+        }
+        document.body.appendChild(div);
+      }
+      mermaid.initialize({
+        startOnLoad: false,
+        logLevel: 0,
+      });
+      await mermaid.run();
+      if (window.Cypress) {
+        window.rendered = true;
+      }
+    </script>
+  </body>
+</html>
