diff --git a/README.md b/README.md
new file mode 100644
index 0000000..dbc46f0
--- /dev/null
+++ b/README.md
@@ -0,0 +1,10 @@
+# kirby-layout-attributes
+
+A Kirby plugin to use [layout settings](https://getkirby.com/docs/reference/panel/fields/layout#layout-settings)
+in the panel.
+
+It sets all layout settings as `data-`-Attributes so you can use them in you panel styles.
+
+![Layout Settings](./docs/assets/images/layout-settings.png)
+
+![Layout DOM](./docs/assets/images/layout-dom.png)
diff --git a/docs/assets/images/layout-dom.png b/docs/assets/images/layout-dom.png
new file mode 100644
index 0000000..02f30b5
Binary files /dev/null and b/docs/assets/images/layout-dom.png differ
diff --git a/docs/assets/images/layout-settings.png b/docs/assets/images/layout-settings.png
new file mode 100644
index 0000000..07d2fbd
Binary files /dev/null and b/docs/assets/images/layout-settings.png differ