diff --git a/Client/src/main/resources/dev/wiing/gossip/client/views/avatar-view.fxml b/Client/src/main/resources/dev/wiing/gossip/client/views/avatar-view.fxml
new file mode 100644
index 0000000..136c6e7
--- /dev/null
+++ b/Client/src/main/resources/dev/wiing/gossip/client/views/avatar-view.fxml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import java.net.URL?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.FlowPane?>
+<?import javafx.scene.layout.Pane?>
+<?import javafx.scene.layout.VBox?>
+
+
+<VBox alignment="CENTER" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" styleClass="gradient" xmlns="http://javafx.com/javafx/20.0.1" xmlns:fx="http://javafx.com/fxml/1">
+   <children>
+      <Label style="-fx-font-size: 20;" styleClass="axis" text="Choose an Avatar" />
+      <FlowPane prefHeight="200.0" prefWidth="200.0">
+         <children>
+            <VBox prefHeight="200.0" prefWidth="100.0">
+               <children>
+                  <Pane maxHeight="64.0" maxWidth="64.0" minHeight="64.0" minWidth="64.0" />
+               </children>
+            </VBox>
+         </children>
+      </FlowPane>
+   </children>
+   <stylesheets>
+      <URL value="@../styling.css" />
+      <URL value="@../custom.css" />
+   </stylesheets>
+</VBox>