diff --git a/README.md b/README.md
index 32794d3b..1434027d 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,8 @@ You can read the [contribution guide](/CONTRIBUTING.md) on how to contribute.
 Questions can be raised in our [Discord channel](https://discord.gg/erh5Brh7jE) or as
 a [GitHub issue](https://github.com/zitadel/typescript/issues).
 
+<img src="./apps/login/screenshots/collage.png" alt="collage of login screens" width="1600px" />
+
 ## Developing Your Own ZITADEL Login UI
 
 We think the easiest path of getting up and running, is the following:
diff --git a/apps/login/screenshots/collage.png b/apps/login/screenshots/collage.png
new file mode 100644
index 00000000..9d5a9c35
Binary files /dev/null and b/apps/login/screenshots/collage.png differ