diff --git a/live-examples/css-examples/pseudo-element/cue.css b/live-examples/css-examples/pseudo-element/cue.css
new file mode 100644
index 000000000..85b226e66
--- /dev/null
+++ b/live-examples/css-examples/pseudo-element/cue.css
@@ -0,0 +1,8 @@
+video {
+    width: 250px;
+}
+
+video::cue {
+    font-size: 1rem;
+    color: yellow;
+}
diff --git a/live-examples/css-examples/pseudo-element/cue.html b/live-examples/css-examples/pseudo-element/cue.html
new file mode 100644
index 000000000..0e957952c
--- /dev/null
+++ b/live-examples/css-examples/pseudo-element/cue.html
@@ -0,0 +1,8 @@
+<video controls
+       src="/media/cc0-videos/friday.mp4">
+    <track default
+           kind="captions"
+           srclang="en"
+           src="/media/examples/friday.vtt" />
+    Sorry, your browser doesn't support embedded videos.
+</video>
diff --git a/live-examples/css-examples/pseudo-element/meta.json b/live-examples/css-examples/pseudo-element/meta.json
index 65c4cdaa4..ff41ed84a 100644
--- a/live-examples/css-examples/pseudo-element/meta.json
+++ b/live-examples/css-examples/pseudo-element/meta.json
@@ -18,6 +18,15 @@
             "defaultTab": "css",
             "height": "tabbed-standard"
         },
+        "cue": {
+            "exampleCode": "./live-examples/css-examples/pseudo-element/cue.html",
+            "cssExampleSrc": "./live-examples/css-examples/pseudo-element/cue.css",
+            "fileName": "pseudo-element-cue.html",
+            "title": "HTML Demo: ::cue",
+            "type": "tabbed",
+            "defaultTab": "css",
+            "height": "tabbed-shorter"
+        },
         "fileSelectorButton": {
             "exampleCode": "./live-examples/css-examples/pseudo-element/file-selector-button.html",
             "cssExampleSrc": "./live-examples/css-examples/pseudo-element/file-selector-button.css",