diff --git a/.config/wlogout/icons/hibernate-hover.png b/.config/wlogout/icons/hibernate-hover.png
new file mode 100644
index 0000000..9f93aaf
Binary files /dev/null and b/.config/wlogout/icons/hibernate-hover.png differ
diff --git a/.config/wlogout/icons/hibernate.png b/.config/wlogout/icons/hibernate.png
new file mode 100644
index 0000000..0090e02
Binary files /dev/null and b/.config/wlogout/icons/hibernate.png differ
diff --git a/.config/wlogout/icons/lock-hover.png b/.config/wlogout/icons/lock-hover.png
new file mode 100644
index 0000000..093d11e
Binary files /dev/null and b/.config/wlogout/icons/lock-hover.png differ
diff --git a/.config/wlogout/icons/lock.png b/.config/wlogout/icons/lock.png
new file mode 100644
index 0000000..6b4afb7
Binary files /dev/null and b/.config/wlogout/icons/lock.png differ
diff --git a/.config/wlogout/icons/logout-hover.png b/.config/wlogout/icons/logout-hover.png
new file mode 100644
index 0000000..bcdf57b
Binary files /dev/null and b/.config/wlogout/icons/logout-hover.png differ
diff --git a/.config/wlogout/icons/logout.png b/.config/wlogout/icons/logout.png
new file mode 100644
index 0000000..f280ca9
Binary files /dev/null and b/.config/wlogout/icons/logout.png differ
diff --git a/.config/wlogout/icons/power-hover.png b/.config/wlogout/icons/power-hover.png
new file mode 100644
index 0000000..26c06af
Binary files /dev/null and b/.config/wlogout/icons/power-hover.png differ
diff --git a/.config/wlogout/icons/power.png b/.config/wlogout/icons/power.png
new file mode 100644
index 0000000..a32880b
Binary files /dev/null and b/.config/wlogout/icons/power.png differ
diff --git a/.config/wlogout/icons/restart-hover.png b/.config/wlogout/icons/restart-hover.png
new file mode 100644
index 0000000..09f7797
Binary files /dev/null and b/.config/wlogout/icons/restart-hover.png differ
diff --git a/.config/wlogout/icons/restart.png b/.config/wlogout/icons/restart.png
new file mode 100644
index 0000000..719e03f
Binary files /dev/null and b/.config/wlogout/icons/restart.png differ
diff --git a/.config/wlogout/icons/sleep-hover.png b/.config/wlogout/icons/sleep-hover.png
new file mode 100644
index 0000000..cd39d3d
Binary files /dev/null and b/.config/wlogout/icons/sleep-hover.png differ
diff --git a/.config/wlogout/icons/sleep.png b/.config/wlogout/icons/sleep.png
new file mode 100644
index 0000000..3c6c618
Binary files /dev/null and b/.config/wlogout/icons/sleep.png differ
diff --git a/.config/wlogout/layout b/.config/wlogout/layout
new file mode 100644
index 0000000..c9d1695
--- /dev/null
+++ b/.config/wlogout/layout
@@ -0,0 +1,36 @@
+{
+  "label" : "lock",
+  "action" : "loginctl lock-session",
+  "text" : "Lock",
+  "keybind" : "l"
+}
+{
+  "label" : "hibernate",
+  "action" : "systemctl hibernate",
+  "text" : "Hibernate",
+  "keybind" : "h"
+}
+{
+  "label" : "logout",
+  "action" : "loginctl terminate-user $USER",
+  "text" : "Logout",
+  "keybind" : "e"
+}
+{
+  "label" : "suspend",
+  "action" : "systemctl suspend",
+  "text" : "suspend",
+  "keybind" : "u"
+}
+{
+  "label" : "shutdown",
+  "action" : "systemctl poweroff",
+  "text" : "Shutdown",
+  "keybind" : "s"
+}
+{
+  "label" : "reboot",
+  "action" : "systemctl reboot",
+  "text" : "Reboot",
+  "keybind" : "r"
+}
\ No newline at end of file
diff --git a/.config/wlogout/style.css b/.config/wlogout/style.css
new file mode 100644
index 0000000..44614fb
--- /dev/null
+++ b/.config/wlogout/style.css
@@ -0,0 +1,52 @@
+* {
+	background-image: none;
+	box-shadow: none;
+}
+
+window {
+	background-color: rgba(24, 27, 32, 0.5);
+}
+
+button {
+	background-repeat: no-repeat;
+	background-size: 20%;
+	background-color: transparent;
+	animation: gradient_f 20s ease-in infinite;
+	transition: all 0.3s ease-in;
+	box-shadow: 0 0 10px 2px transparent;
+	border-radius: 36px;
+	margin: 10px;
+}
+
+button:hover {
+	background-size: 50%;
+	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.4);
+	background-color: #383c4a;
+	color: transparent;
+	transition: all 0.3s cubic-bezier(0.55, 0.0, 0.28, 1.682), box-shadow 0.5s
+		ease-in;
+}
+
+#lock {
+	background-image: image(url("./icons/lock.png"));
+}
+
+#logout {
+	background-image: image(url("./icons/logout.png"));
+}
+
+#suspend {
+	background-image: image(url("./icons/sleep.png"));
+}
+
+#hibernate {
+	background-image: image(url("./icons/hibernate.png"));
+}
+
+#shutdown {
+	background-image: image(url("./icons/power.png"));
+}
+
+#reboot {
+	background-image: image(url("./icons/restart.png"));
+}