diff --git a/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/utils/ConfigValues.java b/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/utils/ConfigValues.java
new file mode 100644
index 0000000..0af1843
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/utils/ConfigValues.java
@@ -0,0 +1,16 @@
+package edu.ntnu.idi.idatt2003.g40.mappe.utils;
+
+public enum ConfigValues {
+  VIEWPORT_WIDTH(600),
+  VIEWPORT_HEIGHT(600);
+
+  private int value;
+
+  ConfigValues(final int value) {
+    this.value = value;
+  }
+
+  public int getValue() {
+    return value;
+  }
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewController.java b/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewController.java
new file mode 100644
index 0000000..5d7a7c0
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewController.java
@@ -0,0 +1,77 @@
+package edu.ntnu.idi.idatt2003.g40.mappe.view;
+
+import edu.ntnu.idi.idatt2003.g40.mappe.service.event.EventData;
+import edu.ntnu.idi.idatt2003.g40.mappe.service.event.EventManager;
+import edu.ntnu.idi.idatt2003.g40.mappe.service.event.EventPublisher;
+
+/**
+ * Handles logic and event publishing for {@link ViewElement} objects.
+ *
+ * <p>Implements {@link EventPublisher}</p>
+ *
+ * @param <T1> The type of {@link ViewElement} this controller is attached to. We use generics
+ *             because we want to call methods that may be specific for certain view element
+ *             objects, and we want to reduce casting.
+ * @see ViewElement
+ * @see EventPublisher
+ * @see EventManager
+ *
+ */
+public abstract class ViewController<T1 extends ViewElement<?>>
+        implements EventPublisher {
+
+  /**
+   * The {@link ViewElement} object this controller is associated with.
+   *
+   */
+  private final T1 viewElement;
+  /**
+   * The {@link EventManager} object to send events to.
+   *
+   */
+  private final EventManager eventManager;
+
+  /**
+   * Constructor.
+   *
+   * @param viewElement  the instance of type T1 this controller is attached to.
+   * @param eventManager the {@link EventManager} object this controller communicates with.
+   *
+   */
+  protected ViewController(final T1 viewElement, final EventManager eventManager) {
+    this.viewElement = viewElement;
+    this.eventManager = eventManager;
+    initInteractions();
+  }
+
+  /**
+   * Getter method for the event manager.
+   *
+   * @return the {@link EventManager} object.
+   *
+   */
+  protected EventManager getEventManager() {
+    return eventManager;
+  }
+
+  /**
+   * Getter method for the current view element.
+   *
+   * @return the {@link ViewElement} object.
+   *
+   */
+  public T1 getViewElement() {
+    return viewElement;
+  }
+
+  /**
+   * Abstract method to initialize logic for the view element.
+   *
+   */
+  protected abstract void initInteractions();
+
+  @Override
+  public final <T> void invoke(final EventData<T> data, final EventManager eventManager) {
+    eventManager.invokeEvent(data);
+  }
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewData.java b/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewData.java
new file mode 100644
index 0000000..06dbdfc
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewData.java
@@ -0,0 +1,39 @@
+package edu.ntnu.idi.idatt2003.g40.mappe.view;
+
+/**
+ * Object containing data about {@link ViewElement} objects.
+ *
+ * <p>Sent in {@link edu.ntnu.idi.idatt2003.g40.mappe.service.event.EventData}
+ * objects of type SCENE_CHANGE</p>
+ *
+ * <p>Handled by the {@link ViewManager} to update and change views</p>
+ *
+ */
+public class ViewData {
+
+  /**
+   * Name of the scene.
+   *
+   */
+  private final String sceneName;
+
+  /**
+   * Constructor.
+   *
+   * @param sceneName the name of the scene.
+   *
+   */
+  public ViewData(final String sceneName) {
+    this.sceneName = sceneName;
+  }
+
+  /**
+   * Getter method for the scene name.
+   *
+   * @return scene name.
+   *
+   */
+  public String getSceneName() {
+    return sceneName;
+  }
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewElement.java b/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewElement.java
new file mode 100644
index 0000000..fec4af4
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewElement.java
@@ -0,0 +1,155 @@
+package edu.ntnu.idi.idatt2003.g40.mappe.view;
+
+
+import javafx.scene.control.Button;
+import javafx.scene.layout.Pane;
+import java.util.ArrayList;
+
+/**
+ * Base class for view elements, such as the main menu, or list items.
+ *
+ * <p>Extends {@link Pane}</p>
+ *
+ * @param <T> the type of pane this view element represents.
+ *
+ */
+public abstract class ViewElement<T extends Pane> {
+
+  /**
+   * List of buttons in this view.
+   *
+   */
+  private final ArrayList<Button> buttons = new ArrayList<>();
+  /**
+   * The {@link Pane} element the view element has as a root.
+   *
+   * <p>This allows different view elements to have different layouts.</p>
+   *
+   */
+  private T rootPane;
+  /**
+   * The name of the view.
+   *
+   * <p>Used as identification by the {@link ViewManager}.</p>
+   *
+   */
+  private String viewName;
+
+  /**
+   * Constructor with a name.
+   *
+   * @param rootPane an instance of type T (defined in the class).
+   * @param viewName The name of the view.
+   *
+   */
+  protected ViewElement(final T rootPane, final String viewName) {
+    this.viewName = viewName;
+    this(rootPane, true);
+  }
+
+  /**
+   * Constructor with a name and initLoading.
+   *
+   * @param rootPane    an instance of type T (defined in the class).
+   * @param viewName    The name of the view.
+   * @param initLoading boolean value representing if the view should be initialized. Default is
+   *                    true.
+   *
+   */
+  protected ViewElement(final T rootPane, final String viewName, boolean initLoading) {
+    this.viewName = viewName;
+    this(rootPane, initLoading);
+  }
+
+  /**
+   * Constructor without a specific name.
+   *
+   * @param rootPane an instance of type T (defined in the class).
+   *
+   */
+  protected ViewElement(final T rootPane, boolean isInit) {
+    setRootPane(rootPane);
+    if (isInit) {
+      initLayout();
+    }
+    initStyling();
+  }
+
+  /**
+   * Getter method for view name.
+   *
+   * @return the name of this view.
+   *
+   */
+  public String getViewName() {
+    return viewName;
+  }
+
+  /**
+   * Setter method for the view name.
+   *
+   * @param name the new name to set this view element to.
+   *
+   */
+  protected void setViewName(final String name) {
+    viewName = name;
+  }
+
+  /**
+   * Getter method for the root pane.
+   *
+   * @return the root pane of this view element.
+   *
+   */
+  public T getRootPane() {
+    return rootPane;
+  }
+
+  /**
+   * Setter method for the root pane.
+   *
+   * @param pane the pane to set the root pane to.
+   *
+   */
+  protected void setRootPane(final T pane) {
+    rootPane = pane;
+  }
+
+  /**
+   * Getter method for buttons in this view.
+   *
+   * <p>Gotten by the associated {@link ViewController} object that hooks
+   * the buttons to functionality.</p>
+   *
+   * @return {@link ArrayList<Button>} object containing all buttons in this view element.
+   *
+   */
+  public ArrayList<Button> getButtons() {
+    return buttons;
+  }
+
+  /**
+   * Method that initializes the layout for the view element.
+   *
+   */
+  protected abstract void initLayout();
+
+  /**
+   * Method that initializes the styling for the view element.
+   *
+   */
+  protected abstract void initStyling();
+
+  /**
+   * Method that defines how view elements set data.
+   *
+   * @param <T2> The type of data to set.
+   * @param data the data to set.
+   *
+   */
+  public <T2 extends ViewData> void setData(final T2 data) {
+    setViewName(data.getSceneName());
+  }
+
+  public abstract void onUpdate();
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewManager.java b/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewManager.java
new file mode 100644
index 0000000..61a58c2
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt2003/g40/mappe/view/ViewManager.java
@@ -0,0 +1,127 @@
+package edu.ntnu.idi.idatt2003.g40.mappe.view;
+
+
+import edu.ntnu.idi.idatt2003.g40.mappe.service.event.EventData;
+import edu.ntnu.idi.idatt2003.g40.mappe.service.event.EventManager;
+import edu.ntnu.idi.idatt2003.g40.mappe.service.event.EventSubscriber;
+import edu.ntnu.idi.idatt2003.g40.mappe.service.event.EventType;
+import javafx.stage.Stage;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * Manager class for handling views and view changes.
+ *
+ * <p>Implements {@link EventSubscriber}</p>
+ *
+ * <p>Listens for events of type SCENE_CHANGE</p>
+ *
+ * @see EventType
+ * @see EventSubscriber
+ * @see EventManager
+ */
+public final class ViewManager implements EventSubscriber {
+
+  /**
+   * A map with String keys and {@link ViewElement} objects as values.
+   *
+   */
+  private final Map<String, ViewElement<?>> viewMap;
+
+  /**
+   * The main stage of the application.
+   *
+   */
+  private final Stage stage;
+
+  /**
+   * Current view. Used for testing and debugging purposes.
+   *
+   */
+  private ViewElement<?> currentView;
+
+  /**
+   * Constructor.
+   *
+   * @param stage        the {@link Stage} object this application is running on.
+   * @param eventManager the {@link EventManager} used by this application.
+   */
+  public ViewManager(final Stage stage, final EventManager eventManager) {
+    viewMap = new HashMap<>();
+    eventManager.addSubscriber(this, EventType.SCENE_CHANGE);
+    this.stage = stage;
+  }
+
+  /**
+   * Method for adding {@link ViewElement} objects to the view map.
+   *
+   * @param view the {@link ViewElement} to be added.
+   *
+   */
+  public void addView(final ViewElement<?> view) {
+    viewMap.put(view.getViewName(), view);
+  }
+
+  /**
+   * Method for setting the active scene to a view.
+   *
+   * <p>Sets the root of the current scene to the {@link ViewElement} provided.
+   * </p>
+   *
+   * @param viewElement the {@link ViewElement} to change the scene to.
+   *
+   */
+  public void setScene(final ViewElement<?> viewElement) {
+    stage.getScene().setRoot(viewMap.get(viewElement.getViewName()).getRootPane());
+    currentView = viewElement;
+  }
+
+  /**
+   * Method for setting the active scene to a view.
+   *
+   * <p>Sets the root of the current scene to the {@link ViewElement} associated
+   * with the string provided.
+   * </p>
+   *
+   * @param data the id of the {@link ViewElement} to change the scene to.
+   * @see EventSubscriber
+   * @see EventData
+   */
+  public void setScene(final ViewData data) {
+    ViewElement<?> viewElement = viewMap.get(data.getSceneName());
+    viewElement.setData(data);
+    stage.getScene().setRoot(viewElement.getRootPane());
+    currentView = viewElement;
+    currentView.onUpdate();
+  }
+
+  /**
+   * Getter method for the current scene.
+   *
+   * <p>Used to test the view manager.</p>
+   *
+   * @return the view element currently active.
+   *
+   */
+  public ViewElement<?> getCurrentView() {
+    return currentView;
+  }
+
+
+  /**
+   * Handles events of type SCENE_CHANGE.
+   *
+   * <p>Sets the scene and scene data to the {@link ViewData}
+   * object provided.</p>
+   *
+   */
+  @Override
+  public <T> void handleEvent(final EventData<T> data) {
+    switch (data.eventType()) {
+      case SCENE_CHANGE -> {
+        setScene((ViewData) data.data());
+      }
+    }
+  }
+}