diff --git a/README.md b/README.md
index 92fdac0..273693e 100644
--- a/README.md
+++ b/README.md
@@ -6,16 +6,40 @@ Custom CSS bits for the Jellyfin WebUI and a (VERY WIP) custom theme
 
 ---
 
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/rounded-cards.css');
+Static Left Drawer
 
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/rounded-drawer-buttons.css');
+<img src="./images/static-left-drawer-demo.png" alt="static left drawer" width="80%"/>
 
 @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/static-left-drawer.css');
 
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/transparent-header.css');
+---
 
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/transparent-header-alt.css');
+Rounded Cards
+
+<img src="./images/rounded-cards-demo.png" alt="rounded cards" width="80%"/>
+
+@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/rounded-cards.css');
 
 ---
 
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/css-scyfin/scyfin-theme.css');
+Rounded Drawer Buttons
+
+<img src="./images/rounded-drawer-buttons-demo.png" alt="rounded drawer buttons" width="80%"/>
+
+@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/rounded-drawer-buttons.css');
+
+---
+
+Transparent Header
+
+<img src="./images/transparent-header-demo.png" alt="transparent header" width="80%"/>
+
+@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/transparent-header.css');
+
+---
+
+Transparent Header Alternative
+
+<img src="./images/transparent-header-alt-demo.png" alt="transparent header alt" width="80%"/>
+
+@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/transparent-header-alt.css');
diff --git a/images/rounded-cards-demo.png b/images/rounded-cards-demo.png
new file mode 100644
index 0000000..317801f
Binary files /dev/null and b/images/rounded-cards-demo.png differ
diff --git a/images/rounded-drawer-buttons-demo.png b/images/rounded-drawer-buttons-demo.png
new file mode 100644
index 0000000..12cbbaa
Binary files /dev/null and b/images/rounded-drawer-buttons-demo.png differ
diff --git a/images/static-left-drawer-demo.png b/images/static-left-drawer-demo.png
new file mode 100644
index 0000000..ea55698
Binary files /dev/null and b/images/static-left-drawer-demo.png differ
diff --git a/images/transparent-header-alt-demo.png b/images/transparent-header-alt-demo.png
new file mode 100644
index 0000000..29e62c1
Binary files /dev/null and b/images/transparent-header-alt-demo.png differ
diff --git a/images/transparent-header-demo.png b/images/transparent-header-demo.png
new file mode 100644
index 0000000..d88331f
Binary files /dev/null and b/images/transparent-header-demo.png differ