diff --git a/.gitignore b/.gitignore
index 9a45e2f..fb07593 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,4 @@ tmp
 *.local.md
 data/
 .env
+vhs
diff --git a/README.md b/README.md
index 699c69b..0bfcce1 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@
     <img src="https://img.shields.io/docker/pulls/lerkolabs/uptop" alt="Docker Pulls">
   </p>
 
-  <img src="assets/monitors.png" alt="uptop monitors view" width="800">
+  <img src="assets/demo.gif" alt="uptop demo" width="800">
 </div>
 
 ## What is this
@@ -38,18 +38,27 @@ Canonical repo: [gitea.lerkolabs.com/lerkolabs/uptop](https://gitea.lerkolabs.co
 
 <table>
   <tr>
+    <td><img src="assets/monitors.png" alt="monitors dashboard" width="400"></td>
     <td><img src="assets/detail.png" alt="detail panel" width="400"></td>
+  </tr>
+  <tr>
     <td><img src="assets/alerts.png" alt="alerts view" width="400"></td>
-  </tr>
-  <tr>
     <td><img src="assets/logs.png" alt="logs view" width="400"></td>
-    <td><img src="assets/nodes.png" alt="cluster nodes" width="400"></td>
   </tr>
   <tr>
-    <td colspan="2" align="center"><img src="assets/theme.png" alt="theme selection" width="600"></td>
+    <td><img src="assets/nodes.png" alt="cluster nodes" width="400"></td>
+    <td><img src="assets/theme.png" alt="theme selection" width="400"></td>
   </tr>
 </table>
 
+### Themes
+
+Five built-in themes: Flexoki Dark, Tokyo Night, Catppuccin Mocha, Nord, Gruvbox. Press `T` to cycle.
+
+<p align="center">
+  <img src="assets/themes.png" alt="all five themes" width="800">
+</p>
+
 ## Quick start
 
 ```bash
diff --git a/assets/alerts.png b/assets/alerts.png
index 9a4e0fe..2c5b98a 100644
Binary files a/assets/alerts.png and b/assets/alerts.png differ
diff --git a/assets/demo.gif b/assets/demo.gif
new file mode 100644
index 0000000..9a1c7a9
Binary files /dev/null and b/assets/demo.gif differ
diff --git a/assets/detail.png b/assets/detail.png
index 0c8e8ca..563713a 100644
Binary files a/assets/detail.png and b/assets/detail.png differ
diff --git a/assets/logs.png b/assets/logs.png
index d0aab0a..29be4ac 100644
Binary files a/assets/logs.png and b/assets/logs.png differ
diff --git a/assets/monitors.png b/assets/monitors.png
index 867a875..3e1da06 100644
Binary files a/assets/monitors.png and b/assets/monitors.png differ
diff --git a/assets/nodes.png b/assets/nodes.png
index 53efc1b..4f697b5 100644
Binary files a/assets/nodes.png and b/assets/nodes.png differ
diff --git a/assets/theme.png b/assets/theme.png
index 9bdd920..4f1c012 100644
Binary files a/assets/theme.png and b/assets/theme.png differ
diff --git a/assets/themes.png b/assets/themes.png
new file mode 100644
index 0000000..77bc8d0
Binary files /dev/null and b/assets/themes.png differ