diff --git a/docs/02_playgrounds/02_manual.md b/docs/02_playgrounds/02_manual.md
index 0bda149..b6fbb86 100644
--- a/docs/02_playgrounds/02_manual.md
+++ b/docs/02_playgrounds/02_manual.md
@@ -12,34 +12,35 @@ learning jsonx.
 
 ## Use
 
+A playground is a programming environment where you can edit, transpile, and
+execute jsonx code.
+
 To use a playground, let's take a look at the parts that make up one playground:
-code editor, version dropdown, play button, console, and share button.
+code editor, version dropdown, play button, share button, and console.
 
-> [!NOTE]
->
-> Screenshots of playground parts are coming soon!
+![Playground](/playground.png)
 
 ### Code editor
 
 The code editor is where you edit code. It is a TypeScript environment that
 comes with batteries-included for editing jsonx code.
 
+![Code editor](/code-editor.png)
+
 ### Version dropdown
 
 The version dropdown allows you to select the version of jsonx you want to use.
 The default version is the latest stable version found on
 [jsr.io](https://jsr.io).
 
+![Version dropdown](/version-dropdown.png)
+
 ### Play button
 
 The play button transpiles and executes the code in the code editor. Output is
 displayed in the provided console.
 
-### Console
-
-The console displays the output of the code executed in the code editor.
-
-The clear button clears the console.
+![Play button](/play-button.png)
 
 ### Share button
 
@@ -47,6 +48,16 @@ The share button generates a link to the playground and navigates the user to
 the new link. The link is unlisted (not indexed by search engines) and can be
 shared with others.
 
+![Share button](/share-button.png)
+
+### Console
+
+The console displays the output of the code executed in the code editor.
+
+The clear button clears the console.
+
+![Console](/console.png)
+
 ## Recovery and disposal
 
 > [!NOTE]
diff --git a/static/code-editor.png b/static/code-editor.png
new file mode 100644
index 0000000..83a9219
Binary files /dev/null and b/static/code-editor.png differ
diff --git a/static/console.png b/static/console.png
new file mode 100644
index 0000000..02f1057
Binary files /dev/null and b/static/console.png differ
diff --git a/static/play-button.png b/static/play-button.png
new file mode 100644
index 0000000..12ce769
Binary files /dev/null and b/static/play-button.png differ
diff --git a/static/playground.png b/static/playground.png
new file mode 100644
index 0000000..deac32f
Binary files /dev/null and b/static/playground.png differ
diff --git a/static/share-button.png b/static/share-button.png
new file mode 100644
index 0000000..04db330
Binary files /dev/null and b/static/share-button.png differ
diff --git a/static/version-dropdown.png b/static/version-dropdown.png
new file mode 100644
index 0000000..f197831
Binary files /dev/null and b/static/version-dropdown.png differ