diff --git a/.github/autocomplete.png b/.github/autocomplete.png
new file mode 100644
index 0000000..7857187
Binary files /dev/null and b/.github/autocomplete.png differ
diff --git a/.github/hover.png b/.github/hover.png
new file mode 100644
index 0000000..e46a8ef
Binary files /dev/null and b/.github/hover.png differ
diff --git a/.github/linting.png b/.github/linting.png
new file mode 100644
index 0000000..0c11882
Binary files /dev/null and b/.github/linting.png differ
diff --git a/README.md b/README.md
index 2bd73d6..edd5ff2 100644
--- a/README.md
+++ b/README.md
@@ -18,6 +18,12 @@ In order for the extension to activate you must have [`tailwindcss` installed](h
 - **CSS Syntax Highlighting**  
   Provides syntax definitions so that use of Tailwind features doesn’t mess up your syntax highlighting
 
+<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/autocomplete.png" alt="" />
+
+<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/hover.png" alt="" />
+
+<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/linting.png" alt="" />
+
 ## Screenshots/Examples?
 
 ## Troubleshooting