diff --git a/examples/README.md b/examples/README.md
index 7b136d1..29f859e 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -40,3 +40,12 @@ A few template variables, such as `current_slide` and `total_slides` can be used
 presentation.
 
 [![asciicast](https://asciinema.org/a/DLpBDpCbEp5pSrNZ2Vh4mmIY1.svg)](https://asciinema.org/a/DLpBDpCbEp5pSrNZ2Vh4mmIY1)
+
+# Columns
+
+[Source](/examples/columns.md)
+
+This example shows how column layouts and pauses interact with each other. Note that the image shows up as pixels 
+because asciinema doesn't support these and it will otherwise look like a normal image if your terminal supports images.
+
+[![asciicast](https://asciinema.org/a/x2tTDt0BIesvOXeal3UpdzMHp.svg)](https://asciinema.org/a/x2tTDt0BIesvOXeal3UpdzMHp)
diff --git a/examples/columns.md b/examples/columns.md
new file mode 100644
index 0000000..4d8895b
--- /dev/null
+++ b/examples/columns.md
@@ -0,0 +1,25 @@
+# Columns and pauses
+
+Columns and pauses can interact with each other in useful ways:
+
+<!-- pause -->
+
+<!-- column_layout: [1, 1] -->
+
+<!-- column: 1 -->
+
+![](../examples/doge.png)
+
+After this pause, the text on the left will show up
+
+<!-- pause -->
+
+<!-- column: 0 -->
+
+This is useful for various things:
+
+<!-- incremental_lists: true -->
+* Lorem.
+* Ipsum.
+* Etcetera.
+