diff --git a/examples/dom.html b/examples/dom.html
index f63eb8cf..370d38b4 100644
--- a/examples/dom.html
+++ b/examples/dom.html
@@ -10,8 +10,12 @@
     </style>
 </head>
 <body>
+  <p>This example shows how to bind a YXmlFragment type to an arbitrary DOM element. We set the DOM element to contenteditable so it basically behaves like a very powerful rich-text editor.</p>
+  <p>The content of this editor is shared with every client who visits this domain.</p>
+  <hr>
   <div class="code-html">
-    <div id="content" contenteditable=""></div>
+
+<div id="content" contenteditable=""></div>
   </div>
   <script class="code-js" src="./build/dom.js">
     import * as Y from 'yjs/index.mjs'
diff --git a/examples/prosemirror.html b/examples/prosemirror.html
index 9f66f109..99f19dca 100644
--- a/examples/prosemirror.html
+++ b/examples/prosemirror.html
@@ -41,9 +41,12 @@
     </style>
 </head>
 <body>
+  <p>This example shows how to bind a YXmlFragment type to a <a href="http://prosemirror.net">Prosemirror</a> editor.</p>
+  <p>The content of this editor is shared with every client who visits this domain.</p>
   <div class="code-html">
-    <div id="editor" style="margin-bottom: 23px"></div>
-    <div style="display: none" id="content"></div>
+
+<div id="editor" style="margin-bottom: 23px"></div>
+<div style="display: none" id="content"></div>
   </div>
   <script class="code-js" src="./build/prosemirror.js">
 import * as Y from 'yjs'
diff --git a/examples/quill.html b/examples/quill.html
index 12cc6491..ab0a06ff 100644
--- a/examples/quill.html
+++ b/examples/quill.html
@@ -1,16 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Yjs Prosemirror Example</title>
-    <link rel=stylesheet href="https://prosemirror.net/css/editor.css">
-</head>
+    <title>Yjs Quill Example</title>
+    <link rel="stylesheet" href="https://cdn.quilljs.com/1.3.6/quill.snow.css">
+  </head>
 <body>
-  <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
+  <p>This example shows how to bind a YText type to <a href="https://quilljs.com">Quill</a> editor.</p>
+  <p>The content of this editor is shared with every client who visits this domain.</p>
   <div class="code-html">
-    <div id="quill-container">
-      <div id="quill">
-      </div>
-    </div>
+<div id="quill-container">
+  <div id="quill">
+  </div>
+</div>
   </div>
   <script class="code-js" src="./build/quill.js">
 import * as Y from 'yjs'
diff --git a/examples/textarea.html b/examples/textarea.html
index cff19dc6..7911f7c2 100644
--- a/examples/textarea.html
+++ b/examples/textarea.html
@@ -2,11 +2,13 @@
 <html>
 <head>
     <title>Yjs Textarea Example</title>
-    <link rel=stylesheet href="https://prosemirror.net/css/editor.css">
 </head>
 <body>
+  <p>This example shows how to bind a YText type to a DOM Textarea.</p>
+  <p>The content of this textarea is shared with every client who visits this domain.</p>
   <div class="code-html">
-    <textarea style="width:80%;" rows=40 autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea>
+
+<textarea style="width:80%;" rows=40 autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea>
   </div>
   <script class="code-js" src="./build/textarea.js">
 import * as Y from 'yjs'
