diff --git a/src/frontend/menu.cpp b/src/frontend/menu.cpp
new file mode 100644
index 00000000..f014f4a9
--- /dev/null
+++ b/src/frontend/menu.cpp
@@ -0,0 +1,268 @@
+#include "menu.h"
+
+#include <string>
+#include <memory>
+#include <iostream>
+#include <filesystem>
+#include <glm/glm.hpp>
+
+#include "gui/GUI.h"
+#include "gui/panels.h"
+#include "gui/controls.h"
+#include "screens.h"
+#include "../util/stringutil.h"
+#include "../files/engine_files.h"
+#include "../world/World.h"
+#include "../window/Events.h"
+#include "../window/Window.h"
+#include "../engine.h"
+#include "../settings.h"
+
+using glm::vec2;
+using glm::vec4;
+using std::string;
+using std::wstring;
+using std::shared_ptr;
+using std::filesystem::path;
+using std::filesystem::u8path;
+using std::filesystem::directory_iterator;
+using namespace gui;
+
+inline Button* gotoButton(wstring text, string page, PagesControl* menu) {
+    return (new Button(text, vec4(10.f)))->listenAction([=](GUI* gui) {
+        menu->set(page);
+    });
+}
+
+inline Button* backButton(PagesControl* menu) {
+    return (new Button(L"Back", vec4(10.f)))->listenAction([=](GUI* gui) {
+        menu->back();
+    });
+}
+
+Panel* create_main_menu_panel(Engine* engine, PagesControl* menu) {
+    Panel* panel = new Panel(vec2(400, 200), vec4(5.0f), 1.0f);
+    panel->color(vec4(0.0f));
+
+    panel->add(gotoButton(L"New World", "new-world", menu));
+
+    Panel* worldsPanel = new Panel(vec2(390, 200), vec4(5.0f));
+    worldsPanel->color(vec4(0.1f));
+    path worldsFolder = enginefs::get_worlds_folder();
+    if (std::filesystem::is_directory(worldsFolder)) {
+        for (auto const& entry : directory_iterator(worldsFolder)) {
+            string name = entry.path().filename().string();
+            Button* button = new Button(util::str2wstr_utf8(name), 
+                                        vec4(10.0f, 8.0f, 10.0f, 8.0f));
+            button->color(vec4(0.5f));
+            button->listenAction([engine, panel, name](GUI*) {
+                EngineSettings& settings = engine->getSettings();
+
+                auto folder = enginefs::get_worlds_folder()/u8path(name);
+                World* world = new World(name, folder, 42, settings);
+                auto screen = new LevelScreen(engine, world->load(settings));
+                engine->setScreen(shared_ptr<Screen>(screen));
+            });
+            worldsPanel->add(button);
+        }
+    }
+    panel->add(worldsPanel);
+    panel->add(gotoButton(L"Settings", "settings", menu));
+    panel->add((new Button(L"Quit", vec4(10.f)))->listenAction([](GUI*) {
+        Window::setShouldClose(true);
+    }));
+    panel->refresh();
+    return panel;
+}
+
+Panel* create_new_world_panel(Engine* engine, PagesControl* menu) {
+    Panel* panel = new Panel(vec2(400, 200), vec4(5.0f), 1.0f);
+    panel->color(vec4(0.0f));
+
+    TextBox* worldNameInput;
+    {
+        Label* label = new Label(L"World Name");
+        panel->add(label);
+
+        TextBox* input = new TextBox(L"New World", vec4(6.0f));
+        panel->add(input);
+        worldNameInput = input;
+    }
+
+    TextBox* seedInput;
+    {
+        Label* label = new Label(L"Seed");
+        panel->add(shared_ptr<UINode>(label));
+
+        uint64_t randseed = rand() ^ (rand() << 8) ^ 
+                        (rand() << 16) ^ (rand() << 24) ^
+                        ((uint64_t)rand() << 32) ^ 
+                        ((uint64_t)rand() << 40) ^
+                        ((uint64_t)rand() << 56);
+
+        seedInput = new TextBox(std::to_wstring(randseed), vec4(6.0f));
+        panel->add(seedInput);
+    }
+
+    {
+        Button* button = new Button(L"Create World", vec4(10.0f));
+        button->margin(vec4(0, 20, 0, 0));
+        vec4 basecolor = worldNameInput->color();   
+        button->listenAction([=](GUI*) {
+            wstring name = worldNameInput->text();
+            string nameutf8 = util::wstr2str_utf8(name);
+
+            // Basic validation
+            if (!util::is_valid_filename(name) || 
+                 enginefs::is_world_name_used(nameutf8)) {
+                // blink red two times
+                panel->listenInterval(0.1f, [worldNameInput, basecolor]() {
+                    static bool flag = true;
+                    if (flag) {
+                        worldNameInput->color(vec4(0.3f, 0.0f, 0.0f, 0.5f));
+                    } else {
+                        worldNameInput->color(basecolor);
+                    }
+                    flag = !flag;
+                }, 4);
+                return;
+            }
+
+            wstring seedstr = seedInput->text();
+            uint64_t seed;
+            if (util::is_integer(seedstr)) {
+                try {
+                    seed = std::stoull(seedstr);
+                } catch (const std::out_of_range& err) {
+                    std::hash<wstring> hash;
+                    seed = hash(seedstr);
+                }
+            } else {
+                std::hash<wstring> hash;
+                seed = hash(seedstr);
+            }
+            std::cout << "world seed: " << seed << std::endl;
+            
+            EngineSettings& settings = engine->getSettings();
+
+            auto folder = enginefs::get_worlds_folder()/u8path(nameutf8);
+            std::filesystem::create_directories(folder);
+            World* world = new World(nameutf8, folder, seed, settings);
+            auto screen = new LevelScreen(engine, world->load(settings));
+            engine->setScreen(shared_ptr<Screen>(screen));
+        });
+        panel->add(button);
+    }
+
+    panel->add(backButton(menu));
+    panel->refresh();
+    return panel;
+}
+
+Panel* create_controls_panel(Engine* engine, PagesControl* menu) {
+    Panel* panel = new Panel(vec2(400, 200), vec4(5.0f), 1.0f);
+    panel->color(vec4(0.0f));
+
+    for (auto& entry : Events::bindings){
+        string bindname = entry.first;
+        
+        Panel* subpanel = new Panel(vec2(400, 45), vec4(5.0f), 1.0f);
+        subpanel->color(vec4(0.0f));
+        subpanel->orientation(Orientation::horizontal);
+
+        InputBindBox* bindbox = new InputBindBox(entry.second);
+        subpanel->add(bindbox);
+        Label* label = new Label(util::str2wstr_utf8(bindname));
+        label->margin(vec4(6.0f));
+        subpanel->add(label);
+        panel->add(subpanel);
+    }
+
+    panel->add(backButton(menu));
+    panel->refresh();
+    return panel;
+}
+
+Panel* create_settings_panel(Engine* engine, PagesControl* menu) {
+    Panel* panel = new Panel(vec2(400, 200), vec4(5.0f), 1.0f);
+    panel->color(vec4(0.0f));
+
+    /* Load Distance setting track bar */{
+        panel->add((new Label(L""))->textSupplier([=]() {
+            return L"Load Distance: " + 
+                std::to_wstring(engine->getSettings().chunks.loadDistance);
+        }));
+
+        TrackBar* trackbar = new TrackBar(3, 66, 10, 1, 3);
+        trackbar->supplier([=]() {
+            return engine->getSettings().chunks.loadDistance;
+        });
+        trackbar->consumer([=](double value) {
+            engine->getSettings().chunks.loadDistance = value;
+        });
+        panel->add(trackbar);
+    }
+
+    /* Fog Curve setting track bar */{
+        panel->add((new Label(L""))->textSupplier([=]() {
+            std::wstringstream ss;
+            ss << std::fixed << std::setprecision(1);
+            ss << engine->getSettings().graphics.fogCurve;
+            return L"Fog Curve: " + ss.str();
+        }));
+
+        TrackBar* trackbar = new TrackBar(1.0, 6.0, 1.0, 0.1, 2);
+        trackbar->supplier([=]() {
+            return engine->getSettings().graphics.fogCurve;
+        });
+        trackbar->consumer([=](double value) {
+            engine->getSettings().graphics.fogCurve = value;
+        });
+        panel->add(trackbar);
+    }
+
+    {
+        Panel* checkpanel = new Panel(vec2(400, 32), vec4(5.0f), 1.0f);
+        checkpanel->color(vec4(0.0f));
+        checkpanel->orientation(Orientation::horizontal);
+
+        CheckBox* checkbox = new CheckBox();
+        checkbox->margin(vec4(0.0f, 0.0f, 5.0f, 0.0f));
+        checkbox->supplier([=]() {
+            return engine->getSettings().display.swapInterval != 0;
+        });
+        checkbox->consumer([=](bool checked) {
+            engine->getSettings().display.swapInterval = checked;
+        });
+        checkpanel->add(checkbox);
+        checkpanel->add(new Label(L"V-Sync"));
+
+        panel->add(checkpanel);
+    }
+
+    panel->add(gotoButton(L"Controls", "controls", menu));
+    panel->add(backButton(menu));
+    panel->refresh();
+    return panel;
+}
+
+Panel* create_pause_panel(Engine* engine, PagesControl* menu) {
+    Panel* panel = new Panel(vec2(400, 200));
+	panel->color(vec4(0.0f));
+	{
+		Button* button = new Button(L"Continue", vec4(10.0f));
+		button->listenAction([=](GUI*){
+			menu->reset();
+		});
+		panel->add(shared_ptr<UINode>(button));
+	}
+    panel->add(gotoButton(L"Settings", "settings", menu));
+	{
+		Button* button = new Button(L"Save and Quit to Menu", vec4(10.f));
+		button->listenAction([engine](GUI*){
+			engine->setScreen(shared_ptr<Screen>(new MenuScreen(engine)));
+		});
+		panel->add(shared_ptr<UINode>(button));
+	}
+    return panel;
+}
\ No newline at end of file
diff --git a/src/frontend/menu.h b/src/frontend/menu.h
new file mode 100644
index 00000000..dfcd5b5a
--- /dev/null
+++ b/src/frontend/menu.h
@@ -0,0 +1,17 @@
+#ifndef FRONTEND_MENU_H_
+#define FRONTEND_MENU_H_
+
+class Engine;
+
+namespace gui {
+    class Panel;
+    class PagesControl;
+}
+
+gui::Panel* create_main_menu_panel(Engine* engine, gui::PagesControl* menu);
+gui::Panel* create_new_world_panel(Engine* engine, gui::PagesControl* menu);
+gui::Panel* create_controls_panel(Engine* engine, gui::PagesControl* menu);
+gui::Panel* create_settings_panel(Engine* engine, gui::PagesControl* menu);
+gui::Panel* create_pause_panel(Engine* engine, gui::PagesControl* menu);
+
+#endif // FRONTEND_MENU_H_
\ No newline at end of file