diff --git a/docs/10_Description.md b/docs/10_Description.md
index be529ef4ff1d992e7e8eed471a0442b768e7f55f..9523889e9b319fe1f109de2b8efab2ff53dfb282 100644
--- a/docs/10_Description.md
+++ b/docs/10_Description.md
@@ -7,7 +7,7 @@ To get an inpression: 2 entry points for AdminLTE are:
 * source: <https://adminlte.io/themes/v3/starter.html>
 * docs:   <https://adminlte.io/docs/3.2/index.html>
 
-The AdminLTE renderer class offers several methods to render
+The AdminLTE renderer is a PHP class offers several methods to render
 
 * the page
 * layout elements
@@ -17,3 +17,23 @@ The AdminLTE renderer class offers several methods to render
   * boxes
   * buttons
   * ...
+
+The class is compatible to PHP 7.3 to PHP 8.2
+
+## Screenshots
+
+Overview of all handled widgets
+
+![Screenshot](/images/component_overview.png)
+
+For each widget there is a live editor with all variables. Pre defined values can be selected from a dropdown.
+
+You see the PHP source code of your input and what is rendered plus its html source.
+
+![Screenshot](/images/component_live_editor.png)
+
+Next to a select box there is a buton [Loop]. It generates a preview with all values of the selected option.
+
+BTW: there is also a loop to render all values at once.
+
+![Screenshot](/images/component_var_loop.png)
diff --git a/docs/images/component_live_editor.png b/docs/images/component_live_editor.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2533c892aa17943e0301136fafe8f7d5a85a2a0
Binary files /dev/null and b/docs/images/component_live_editor.png differ
diff --git a/docs/images/component_overview.png b/docs/images/component_overview.png
new file mode 100644
index 0000000000000000000000000000000000000000..930344f8eaf6a59a08bc77f296d95cf17f9eab41
Binary files /dev/null and b/docs/images/component_overview.png differ
diff --git a/docs/images/component_var_loop.png b/docs/images/component_var_loop.png
new file mode 100644
index 0000000000000000000000000000000000000000..011cf97fc477f2aa74ac5120ac2023feb7f50b4c
Binary files /dev/null and b/docs/images/component_var_loop.png differ
diff --git a/readme.md b/readme.md
index 43c512af00ef396b6e10ff9a11279247adf4c72b..5cabf9920c70ffb41a9845a4715e03a91e3ae364 100755
--- a/readme.md
+++ b/readme.md
@@ -12,4 +12,6 @@ Free software and Open Source from University of Bern :: IML - Institute of Medi
 
 - - -
 
-Status: Work in progress ... PRE-ALPHA
+Status: Work in progress ... BETA
+
+![Screenshot](/docs/images/component_overview.png)
\ No newline at end of file