diff --git a/site/src/pages/samples/_data.ts b/site/src/pages/samples/_data.ts
index e12ccd311..1ac4b945b 100644
--- a/site/src/pages/samples/_data.ts
+++ b/site/src/pages/samples/_data.ts
@@ -7,8 +7,16 @@ import sampleMatterjs from './images/matterjs.gif'
 import sampleTiled from './images/tiled.gif'
 import sampleGrid from './images/grid.gif'
 import sampleTactics from './images/tinytactics-small.gif'
+import sampleHtml from './images/html.gif'
 
 export default [
+  {
+    title: 'UI with HTML/CSS/JS',
+    image: sampleHtml,
+    description: 'Example of how to build vanilla html/css/js UIs with Excalibur code. The main gist is to put an HTML layer above the canvas layer and use that for UI.',
+    url: 'https://excaliburjs.com/sample-html',
+    source: 'https://github.com/excaliburjs/sample-html',
+  },
   {
     title: 'Tiny Tactics',
     image: sampleTactics,
diff --git a/site/src/pages/samples/images/html.gif b/site/src/pages/samples/images/html.gif
new file mode 100644
index 000000000..3dac2daf0
Binary files /dev/null and b/site/src/pages/samples/images/html.gif differ