1
2
3
4

diff --git a/.github/autocomplete.png b/.github/autocomplete.png
new file mode 100644
index 0000000000000000000000000000000000000000..7857187025e47936aa933cb2cfefc187ac4ef10d
Binary files /dev/null and b/.github/autocomplete.png differ

1
2
3
4

diff --git a/.github/hover.png b/.github/hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..e46a8efaa5dfdd9aeb52facc08a3a7687b6634b3
Binary files /dev/null and b/.github/hover.png differ

1
2
3
4

diff --git a/.github/linting.png b/.github/linting.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c118825152d9335690fc59702cb4b842663e652
Binary files /dev/null and b/.github/linting.png differ

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

diff --git a/README.md b/README.md
index 2bd73d6ccc1aa34d972a9f2c56a4fdff4b1dd1ad..edd5ff24c83cea67268e8205a9dd7fb6a7378904 100644
--- a/README.md
+++ b/README.md
@@ -18,6 +18,12 @@
 - **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