diff --git a/README.md b/README.md
index 867c9d4..7d1f239 100644
--- a/README.md
+++ b/README.md
@@ -11,6 +11,14 @@ Built with jQuery and Bootstrap. In hindsight I wish I had started this project
 
 ---
 
+## What's it look like?
+
+![](screen_recordings/basics.gif)
+
+![](screen_recordings/effects.gif)
+
+![](screen_recordings/random_and_presets.gif)
+
 ## Development
 
 - Highly recommended to use VSCode and install the "Live Server" extension. You should be prompted to install it
diff --git a/screen_recordings/basics.gif b/screen_recordings/basics.gif
new file mode 100644
index 0000000..f29a3c2
Binary files /dev/null and b/screen_recordings/basics.gif differ
diff --git a/screen_recordings/effects.gif b/screen_recordings/effects.gif
new file mode 100644
index 0000000..3c98632
Binary files /dev/null and b/screen_recordings/effects.gif differ
diff --git a/screen_recordings/random_and_presets.gif b/screen_recordings/random_and_presets.gif
new file mode 100644
index 0000000..20bfd58
Binary files /dev/null and b/screen_recordings/random_and_presets.gif differ