move to cc.polyfrost

66 files changed, 5309 insertions, 0 deletions

diff --git a/src/main/java/cc/polyfrost/oneconfig/OneConfig.java b/src/main/java/cc/polyfrost/oneconfig/OneConfig.java
new file mode 100644
index 0000000..2dcb8fe
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/OneConfig.java
@@ -0,0 +1,81 @@
+package cc.polyfrost.oneconfig;
+
+import cc.polyfrost.oneconfig.command.OneConfigCommand;
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.core.ConfigCore;
+import cc.polyfrost.oneconfig.config.data.Mod;
+import cc.polyfrost.oneconfig.config.data.ModType;
+import cc.polyfrost.oneconfig.lwjgl.BlurHandler;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.hud.HudCore;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.test.TestConfig;
+import net.minecraft.client.Minecraft;
+import net.minecraftforge.client.ClientCommandHandler;
+import net.minecraftforge.common.MinecraftForge;
+import net.minecraftforge.fml.common.Loader;
+import net.minecraftforge.fml.common.ModContainer;
+import net.minecraftforge.fml.common.ModMetadata;
+import net.minecraftforge.fml.common.event.FMLInitializationEvent;
+import net.minecraftforge.fml.common.event.FMLPostInitializationEvent;
+import net.minecraftforge.fml.common.event.FMLPreInitializationEvent;
+
+import java.io.File;
+import java.util.ArrayList;
+import java.util.LinkedHashSet;
+import java.util.List;
+
+@net.minecraftforge.fml.common.Mod(modid = "@ID@", name = "@NAME@", version = "@VER@")
+public class OneConfig {
+    private static final Minecraft mc = Minecraft.getMinecraft();
+    public static File jarFile;
+    public static File oneConfigDir = new File(mc.mcDataDir, "OneConfig/");
+    public static File themesDir = new File(oneConfigDir, "themes/");
+    public static OneConfigConfig config;
+    public static TestConfig testConfig;
+    public static List<Mod> loadedMods = new ArrayList<>();
+    public static List<ModMetadata> loadedOtherMods = new ArrayList<>();
+
+    @net.minecraftforge.fml.common.Mod.EventHandler
+    public void onPreFMLInit(FMLPreInitializationEvent event) {
+        jarFile = event.getSourceFile();
+        oneConfigDir.mkdirs();
+        themesDir.mkdirs();
+        config = new OneConfigConfig();
+    }
+
+    @net.minecraftforge.fml.common.Mod.EventHandler
+    public void onFMLInitialization(FMLInitializationEvent event) {
+        BlurHandler.INSTANCE.load();
+        testConfig = new TestConfig();
+        ClientCommandHandler.instance.registerCommand(new OneConfigCommand());
+        MinecraftForge.EVENT_BUS.register(this);
+        MinecraftForge.EVENT_BUS.register(new HudCore());
+        RenderManager.setupAndDraw((vg) -> {
+            RenderManager.drawRoundedRect(vg, -100, -100, 50, 50, -1, 12f);
+            RenderManager.drawString(vg, "OneConfig loading...", -100, -100, -1, 12f, Fonts.INTER_MEDIUM);
+            RenderManager.drawImage(vg, Images.LOGO, -100, -100, 50, 50);
+        });
+    }
+
+    @net.minecraftforge.fml.common.Mod.EventHandler
+    public void onPostFMLInit(FMLPostInitializationEvent event) {
+        reloadModsList();
+    }
+
+    public static void reloadModsList() {
+        loadedMods.addAll(ConfigCore.oneConfigMods);
+        LinkedHashSet<Mod> modData = new LinkedHashSet<>(ConfigCore.oneConfigMods);
+        for (ModContainer mod : Loader.instance().getActiveModList()) {
+            ModMetadata metadata = mod.getMetadata();
+            loadedOtherMods.add(metadata);
+            String author = metadata.authorList.size() > 0 ? metadata.authorList.get(0) : "";
+            Mod newMod = new Mod(metadata.name, ModType.OTHER, author, metadata.version);
+            if (newMod.name.equals("Minecraft Coder Pack") || newMod.name.equals("Forge Mod Loader") || newMod.name.equals("Minecraft Forge")) {     // TODO add oneconfig
+                continue;
+            }
+            if (modData.add(newMod)) loadedMods.add(newMod);     // anti duplicate fix
+        }
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/command/OneConfigCommand.java b/src/main/java/cc/polyfrost/oneconfig/command/OneConfigCommand.java
new file mode 100644
index 0000000..35d099c
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/command/OneConfigCommand.java
@@ -0,0 +1,55 @@
+package cc.polyfrost.oneconfig.command;
+
+import cc.polyfrost.oneconfig.gui.OneConfigGui;
+import cc.polyfrost.oneconfig.gui.HudGui;
+import cc.polyfrost.oneconfig.test.TestNanoVGGui;
+import cc.polyfrost.oneconfig.utils.TickDelay;
+import net.minecraft.client.Minecraft;
+import net.minecraft.command.CommandBase;
+import net.minecraft.command.ICommandSender;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class OneConfigCommand extends CommandBase {
+
+    private static final Minecraft mc = Minecraft.getMinecraft();
+
+    @Override
+    public String getCommandName() {
+        return "oneconfig";
+    }
+
+    @Override
+    public String getCommandUsage(ICommandSender sender) {
+        return "oneconfig <>";
+    }
+
+    @Override
+    public List<String> getCommandAliases() {
+        return new ArrayList<String>() {{
+            add("oneconfig");
+            add("ocfg");
+        }};
+    }
+
+    @Override
+    public void processCommand(ICommandSender sender, String[] args) {
+        if (args.length == 0) new TickDelay(() -> mc.displayGuiScreen(new OneConfigGui()), 1);
+        else {
+            switch (args[0]) {
+                case "hud":
+                    new TickDelay(() -> mc.displayGuiScreen(new HudGui()), 1);
+                    break;
+                case "lwjgl":
+                    new TickDelay(() -> mc.displayGuiScreen(new TestNanoVGGui()), 1);
+                    break;
+            }
+        }
+    }
+
+    @Override
+    public int getRequiredPermissionLevel() {
+        return -1;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/OneConfigConfig.java b/src/main/java/cc/polyfrost/oneconfig/config/OneConfigConfig.java
new file mode 100644
index 0000000..73f5821
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/OneConfigConfig.java
@@ -0,0 +1,81 @@
+package cc.polyfrost.oneconfig.config;
+
+import cc.polyfrost.oneconfig.config.interfaces.Config;
+import com.google.gson.JsonParser;
+import cc.polyfrost.oneconfig.config.data.Mod;
+
+import java.awt.*;
+import java.io.*;
+import java.nio.charset.StandardCharsets;
+import java.nio.file.Files;
+import java.nio.file.Paths;
+
+public class OneConfigConfig extends Config {
+
+    public static String currentProfile = "Default Profile";
+
+    // TODO i dont know how this works so this is just gonna be here for now
+    public static final int TRANSPARENT = new Color(0, 0, 0, 0).getRGB();                // Transparent      // button sidebar normal
+
+    public static final int GRAY_900 = new Color(13, 14, 15, 255).getRGB();           // Gray 900
+    public static final int GRAY_900_80 = new Color(13, 14, 15, 204).getRGB();         // Gray 900 80%
+    public static final int GRAY_800 = new Color(21, 22, 23, 255).getRGB();           // Gray 800
+    public static final int GRAY_700 = new Color(34, 35, 38, 255).getRGB();           // Gray 700
+    public static final int GRAY_600 = new Color(42, 44, 48, 255).getRGB();           // Gray 600
+    public static final int GRAY_500 = new Color(49, 51, 56, 255).getRGB();           // Gray 500         // button sidebar hover, button gray normal
+    public static final int GRAY_500_80 = new Color(49, 51, 56, 204).getRGB();        // Gray 500 80%     // button sidebar pressed
+
+    public static final int GRAY_400 = new Color(55, 59, 69, 255).getRGB();           // Gray 400
+    public static final int GRAY_300 = new Color(73, 79, 92, 255).getRGB();           // Gray 300         // button gray hover
+    public static final int GRAY_200 = new Color(100, 107, 125, 255).getRGB();        // Gray 200
+    public static final int GRAY_400_80 = new Color(55, 59, 69, 204).getRGB();        // Gray 400 80%     // button gray pressed
+    public static final int BLUE_800 = new Color(13, 51, 128, 255).getRGB();          // Blue 800
+    public static final int BLUE_700 = new Color(18, 71, 178, 255).getRGB();          // Blue 700
+    public static final int BLUE_700_80 = new Color(18, 71, 178, 204).getRGB();       // Blue 700 80%
+    public static final int BLUE_600 = new Color(20, 82, 204, 255).getRGB();          // Blue 600         // button blue normal
+    public static final int BLUE_600_80 = new Color(20, 82, 204, 204).getRGB();       // Blue 600 80%     // button blue click
+    public static final int BLUE_500 = new Color(25, 103, 255, 255).getRGB();         // Blue 500         // button blue hover
+    public static final int BLUE_400 = new Color(48, 129, 242, 255).getRGB();
+    public static final int BLUE_400_80 = new Color(48, 129, 242, 204).getRGB();
+    public static final int WHITE_50 = new Color(255, 255, 255, 127).getRGB();        // White 60%
+    public static final int WHITE_60 = new Color(255, 255, 255, 153).getRGB();        // White 60%
+    public static final int WHITE_80 = new Color(255, 255, 255, 204).getRGB();        // White 80%
+    public static final int WHITE_90 = new Color(255, 255, 255, 229).getRGB();        // White 90%
+    public static final int WHITE_95 = new Color(255, 255, 255, 242).getRGB();        // White 90%
+    public static final int WHITE = new Color(255, 255, 255, 255).getRGB();           // White 100%
+
+    public static final int ERROR_700 = new Color(180, 24, 24, 255).getRGB();         // Red 700
+
+    public static boolean ROUNDED_CORNERS = true;
+    public static float CORNER_RADIUS_WIN = 20f;
+    public static float CORNER_RADIUS = 12f;
+
+
+    public OneConfigConfig() {
+        super(null, "OneConfig.json");
+    }
+
+    @Override
+    public void init(Mod mod) {
+        if (new File("OneConfig/" + configFile).exists()) load();
+        else save();
+    }
+
+    @Override
+    public void save() {
+        try (BufferedWriter writer = new BufferedWriter(new OutputStreamWriter(Files.newOutputStream(Paths.get("OneConfig/" + configFile)), StandardCharsets.UTF_8))) {
+            writer.write(gson.toJson(this.getClass()));
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+    }
+
+    @Override
+    public void load() {
+        try (BufferedReader reader = new BufferedReader(new InputStreamReader(Files.newInputStream(Paths.get("OneConfig/" + configFile)), StandardCharsets.UTF_8))) {
+            deserializePart(new JsonParser().parse(reader).getAsJsonObject(), this.getClass());
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/annotations/ConfigPage.java b/src/main/java/cc/polyfrost/oneconfig/config/annotations/ConfigPage.java
new file mode 100644
index 0000000..f9d7c19
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/annotations/ConfigPage.java
@@ -0,0 +1,32 @@
+package cc.polyfrost.oneconfig.config.annotations;
+
+import cc.polyfrost.oneconfig.config.data.PageLocation;
+
+import java.lang.annotation.ElementType;
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+import java.lang.annotation.Target;
+
+@Retention(RetentionPolicy.RUNTIME)
+@Target(ElementType.FIELD)
+public @interface ConfigPage {
+    /**
+     * The name of the page that will be displayed to the user
+     */
+    String name();
+
+    /**
+     * If the page button is at the top or bottem of the page
+     */
+    PageLocation location();
+
+    /**
+     * The description of the page that will be displayed to the user
+     */
+    String description() default "";
+
+    /**
+     * The category of the page
+     */
+    String category() default "General";
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/annotations/Option.java b/src/main/java/cc/polyfrost/oneconfig/config/annotations/Option.java
new file mode 100644
index 0000000..d5e9fc7
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/annotations/Option.java
@@ -0,0 +1,85 @@
+package cc.polyfrost.oneconfig.config.annotations;
+
+import cc.polyfrost.oneconfig.config.data.InfoType;
+import cc.polyfrost.oneconfig.config.data.OptionType;
+
+import java.lang.annotation.ElementType;
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+import java.lang.annotation.Target;
+
+@Retention(RetentionPolicy.RUNTIME)
+@Target(ElementType.FIELD)
+public @interface Option {
+    /**
+     * The name of the option that will be displayed to the user
+     */
+    String name();
+
+    /**
+     * The type of the option
+     */
+    OptionType type();
+
+    /**
+     * The category of the component
+     */
+    String category() default "General";
+
+    /**
+     * The subcategory of the component (displayed as header)
+     */
+    String subcategory();
+
+    /**
+     * The width of the option (1 = half width, 2 = full width)
+     */
+    int size() default 1;
+
+    /**
+     * A String array of all the possible values for the UniSelector, dropdownList, and ComboBox.
+     * Also used in the DualOption slider, index 0 is the left, index 1 is the right; for example:
+     * {"Option 1", "Option 2"}
+     */
+    String[] options() default {};
+
+    /**
+     * The places you want dividers to be in a dropdown
+     */
+    int[] dividers() default {};
+
+    /**
+     * The placeholder in the text field
+     */
+    String placeholder() default "";
+
+    /**
+     * If the text field is secure or not
+     */
+    boolean secure() default false;
+
+    /**
+     * If the text field is multi line or not
+     */
+    boolean multiLine() default false;
+
+    /**
+     * Minimum value of slider
+     */
+    float min() default 0;
+
+    /**
+     * The maximum value of the slider
+     */
+    float max() default 0;
+
+    /**
+     * Steps of slider (0 for no steps)
+     */
+    int step() default 0;
+
+    /**
+     * Option for info option type
+     */
+    InfoType infoType() default InfoType.INFO;
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/core/ConfigCore.java b/src/main/java/cc/polyfrost/oneconfig/config/core/ConfigCore.java
new file mode 100644
index 0000000..a000f7c
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/core/ConfigCore.java
@@ -0,0 +1,25 @@
+package cc.polyfrost.oneconfig.config.core;
+
+import cc.polyfrost.oneconfig.config.data.Mod;
+import cc.polyfrost.oneconfig.hud.HudCore;
+
+import java.util.ArrayList;
+
+public class ConfigCore {
+    public static ArrayList<Mod> oneConfigMods = new ArrayList<>();
+
+    public static void saveAll() {
+        for (Mod modData : oneConfigMods) {
+            modData.config.save();
+        }
+    }
+
+    public static void reInitAll() {
+        ArrayList<Mod> data = new ArrayList<>(oneConfigMods);
+        oneConfigMods.clear();
+        HudCore.huds.clear();
+        for (Mod modData : data) {
+            modData.config.init(modData);
+        }
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/data/InfoType.java b/src/main/java/cc/polyfrost/oneconfig/config/data/InfoType.java
new file mode 100644
index 0000000..1c436d6
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/data/InfoType.java
@@ -0,0 +1,8 @@
+package cc.polyfrost.oneconfig.config.data;
+
+public enum InfoType {
+    INFO,
+    WARNING,
+    ERROR,
+    SUCCESS
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/data/Mod.java b/src/main/java/cc/polyfrost/oneconfig/config/data/Mod.java
new file mode 100644
index 0000000..3ddb68b
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/data/Mod.java
@@ -0,0 +1,26 @@
+package cc.polyfrost.oneconfig.config.data;
+
+import cc.polyfrost.oneconfig.config.interfaces.Config;
+
+public class Mod {
+    public final String name;
+    public final ModType modType;
+    public final String creator;
+    public final String version;
+    public Config config;
+    public final OptionPage defaultPage;
+
+    /**
+     * @param name    Friendly name of the mod
+     * @param modType Type of the mod (for example ModType.QOL)
+     * @param creator Creator of the mod
+     * @param version Version of the mod
+     */
+    public Mod(String name, ModType modType, String creator, String version) {
+        this.name = name;
+        this.modType = modType;
+        this.creator = creator;
+        this.version = version;
+        this.defaultPage = new OptionPage(name, this);
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/data/ModType.java b/src/main/java/cc/polyfrost/oneconfig/config/data/ModType.java
new file mode 100644
index 0000000..cbb4568
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/data/ModType.java
@@ -0,0 +1,10 @@
+package cc.polyfrost.oneconfig.config.data;
+
+public enum ModType {
+    PVP,
+    HUD,
+    UTIL_QOL,
+    HYPIXEL,
+    SKYBLOCK,
+    OTHER
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/data/OptionCategory.java b/src/main/java/cc/polyfrost/oneconfig/config/data/OptionCategory.java
new file mode 100644
index 0000000..14111f4
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/data/OptionCategory.java
@@ -0,0 +1,13 @@
+package cc.polyfrost.oneconfig.config.data;
+
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.gui.elements.config.ConfigPageButton;
+
+import java.util.ArrayList;
+import java.util.LinkedHashMap;
+
+public class OptionCategory {
+    public final LinkedHashMap<String, ArrayList<BasicOption>> subcategories = new LinkedHashMap<>();
+    public final ArrayList<ConfigPageButton> topPages = new ArrayList<>();
+    public final ArrayList<ConfigPageButton> bottomPages = new ArrayList<>();
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/data/OptionPage.java b/src/main/java/cc/polyfrost/oneconfig/config/data/OptionPage.java
new file mode 100644
index 0000000..32a07b9
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/data/OptionPage.java
@@ -0,0 +1,19 @@
+package cc.polyfrost.oneconfig.config.data;
+
+import java.util.LinkedHashMap;
+
+public class OptionPage {
+    public final String name;
+    public final Mod mod;
+    /**
+     * Depth 1 = categories
+     * Depth 2 = subcategories
+     * Depth 3 = list of options
+     */
+    public final LinkedHashMap<String, OptionCategory> categories = new LinkedHashMap<>();
+
+    public OptionPage(String name, Mod mod) {
+        this.name = name;
+        this.mod = mod;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/data/OptionType.java b/src/main/java/cc/polyfrost/oneconfig/config/data/OptionType.java
new file mode 100644
index 0000000..99dfb8b
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/data/OptionType.java
@@ -0,0 +1,36 @@
+package cc.polyfrost.oneconfig.config.data;
+
+public enum OptionType {
+    /**
+     * Type: boolean
+     */
+    SWITCH,
+    /**
+     * Type: boolean
+     */
+    CHECKBOX,
+    /**
+     * Type: boolean
+     */
+    DUAL_OPTION,
+    /**
+     * Type: int
+     */
+    UNI_SELECTOR,
+    /**
+     * Type: String
+     * Normal: 1x and 2x, Secure and Mutliline: 2x only
+     */
+    TEXT,
+    /**
+     * Type: int or float
+     */
+    SLIDER,
+    COLOR,
+    /**
+     * Type: int
+     */
+    DROPDOWN,
+    MULTI_DROPDOWN,
+    INFO
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/data/PageLocation.java b/src/main/java/cc/polyfrost/oneconfig/config/data/PageLocation.java
new file mode 100644
index 0000000..c66151d
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/data/PageLocation.java
@@ -0,0 +1,6 @@
+package cc.polyfrost.oneconfig.config.data;
+
+public enum PageLocation {
+    TOP,
+    BOTTOM
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/interfaces/BasicOption.java b/src/main/java/cc/polyfrost/oneconfig/config/interfaces/BasicOption.java
new file mode 100644
index 0000000..2bf2d13
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/interfaces/BasicOption.java
@@ -0,0 +1,81 @@
+package cc.polyfrost.oneconfig.config.interfaces;
+
+import java.lang.reflect.Field;
+
+@SuppressWarnings({"unused"})
+public abstract class BasicOption {
+    protected final Field field;
+    protected final String name;
+    public final int size;
+
+    /**
+     * Initialize option
+     *
+     * @param field variable attached to option (null for category)
+     * @param name  name of option
+     * @param size  size of option, 0 for single column, 1 for double.
+     */
+    public BasicOption(Field field, String name, int size) {
+        this.field = field;
+        this.name = name;
+        this.size = size;
+        if (field != null) field.setAccessible(true);
+    }
+
+    /**
+     * @param object Java object to set the variable to
+     */
+    protected void set(Object object) throws IllegalAccessException {
+        if (field == null) return;
+        field.set(null, object);
+    }
+
+    /**
+     * @return value of variable as Java object
+     */
+    protected Object get() throws IllegalAccessException {
+        if (field == null) return null;
+        return field.get(null);
+    }
+
+    /**
+     * @return height of option to align other options accordingly
+     */
+    public abstract int getHeight();
+
+    /**
+     * Function that gets called when drawing option
+     *
+     * @param vg NanoVG context
+     * @param x  x position
+     * @param y  y position
+     */
+    public abstract void draw(long vg, int x, int y);
+
+    /**
+     * Function that gets called last drawing option,
+     * should be used for things that draw above other options
+     *
+     * @param vg NanoVG context
+     * @param x  x position
+     * @param y  y position
+     */
+    public void drawLast(long vg, int x, int y) {
+    }
+
+    /**
+     * Function that gets called when a key is typed
+     *
+     * @param key     char that has been typed
+     * @param keyCode code of key
+     */
+    public void keyTyped(char key, int keyCode) {
+    }
+
+    /**
+     * @return If the component has an option to render at half size
+     */
+    public boolean hasHalfSize() {
+        return true;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/interfaces/Config.java b/src/main/java/cc/polyfrost/oneconfig/config/interfaces/Config.java
new file mode 100644
index 0000000..bad3f14
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/interfaces/Config.java
@@ -0,0 +1,180 @@
+package cc.polyfrost.oneconfig.config.interfaces;
+
+import cc.polyfrost.oneconfig.gui.elements.config.*;
+import com.google.gson.*;
+import cc.polyfrost.oneconfig.config.annotations.ConfigPage;
+import cc.polyfrost.oneconfig.config.annotations.Option;
+import cc.polyfrost.oneconfig.config.core.ConfigCore;
+import cc.polyfrost.oneconfig.config.data.Mod;
+import cc.polyfrost.oneconfig.config.data.OptionCategory;
+import cc.polyfrost.oneconfig.config.data.OptionPage;
+import cc.polyfrost.oneconfig.config.profiles.Profiles;
+import cc.polyfrost.oneconfig.gui.OneConfigGui;
+import cc.polyfrost.oneconfig.gui.pages.ModConfigPage;
+import net.minecraft.client.Minecraft;
+
+import java.io.*;
+import java.lang.reflect.Field;
+import java.lang.reflect.Modifier;
+import java.nio.charset.StandardCharsets;
+import java.nio.file.Files;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Map;
+import java.util.Optional;
+
+public class Config {
+    protected final String configFile;
+    protected final Gson gson = new GsonBuilder().excludeFieldsWithModifiers(Modifier.TRANSIENT).setPrettyPrinting().registerTypeAdapterFactory(OneConfigTypeAdapterFactory.getStaticTypeAdapterFactory()).create();
+    private static Mod mod;
+
+    /**
+     * @param modData    information about the mod
+     * @param configFile file where config is stored
+     */
+    public Config(Mod modData, String configFile) {
+        this.configFile = configFile;
+        init(modData);
+    }
+
+    public void init(Mod mod) {
+        if (Profiles.getProfileFile(configFile).exists()) load();
+        else save();
+        mod.config = this;
+        generateOptionList(this.getClass(), mod.defaultPage, mod);
+        ConfigCore.oneConfigMods.add(mod);
+        Config.mod = mod;
+    }
+
+    /**
+     * Save current config to file
+     */
+    public void save() {
+        try (BufferedWriter writer = new BufferedWriter(new OutputStreamWriter(Files.newOutputStream(Profiles.getProfileFile(configFile).toPath()), StandardCharsets.UTF_8))) {
+            writer.write(gson.toJson(this.getClass()));
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+    }
+
+    /**
+     * Load file and overwrite current values
+     */
+    public void load() {
+        try (BufferedReader reader = new BufferedReader(new InputStreamReader(Files.newInputStream(Profiles.getProfileFile(configFile).toPath()), StandardCharsets.UTF_8))) {
+            deserializePart(new JsonParser().parse(reader).getAsJsonObject(), this.getClass());
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+    }
+
+    /**
+     * Generate the option list, for internal use only
+     *
+     * @param clazz target class
+     * @param page  page to add options too
+     */
+    protected void generateOptionList(Class<?> clazz, OptionPage page, Mod mod) {
+        for (Field field : clazz.getDeclaredFields()) {
+            if (!field.isAnnotationPresent(Option.class) && !field.isAnnotationPresent(ConfigPage.class)) {
+                processCustomOption(field, page);
+                continue;
+            } else if (field.isAnnotationPresent(ConfigPage.class)) {
+                ConfigPage option = field.getAnnotation(ConfigPage.class);
+                if (!page.categories.containsKey(option.category()))
+                    page.categories.put(option.category(), new OptionCategory());
+                OptionPage newPage = new OptionPage(option.name(), mod);
+                try {
+                    field.setAccessible(true);
+                    Object object = field.get(clazz);
+                    generateOptionList(object.getClass(), newPage, mod);
+                    switch (option.location()) {
+                        case TOP:
+                            page.categories.get(option.category()).topPages.add(new ConfigPageButton(field, option.name(), option.description(), newPage));
+                            break;
+                        case BOTTOM:
+                            page.categories.get(option.category()).bottomPages.add(new ConfigPageButton(field, option.name(), option.description(), newPage));
+                            break;
+                    }
+                } catch (IllegalAccessException e) {
+                    continue;
+                }
+                continue;
+            }
+            Option option = field.getAnnotation(Option.class);
+            if (!page.categories.containsKey(option.category()))
+                page.categories.put(option.category(), new OptionCategory());
+            if (!page.categories.get(option.category()).subcategories.containsKey(option.subcategory()))
+                page.categories.get(option.category()).subcategories.put(option.subcategory(), new ArrayList<>());
+            ArrayList<BasicOption> options = page.categories.get(option.category()).subcategories.get(option.subcategory());
+            switch (option.type()) {
+                case SWITCH:
+                    options.add(new ConfigSwitch(field, option.name(), option.size()));
+                    break;
+                case CHECKBOX:
+                    options.add(new ConfigCheckbox(field, option.name(), option.size()));
+                    break;
+                case TEXT:
+                    options.add(new ConfigTextBox(field, option.name(), option.size(), option.placeholder(), option.secure(), option.multiLine()));
+                    break;
+                case DUAL_OPTION:
+                    options.add(new ConfigDualOption(field, option.name(), option.size(), option.options()));
+                    break;
+                case UNI_SELECTOR:
+                    options.add(new ConfigUniSelector(field, option.name(), option.size(), option.options()));
+                    break;
+                case DROPDOWN:
+                    options.add(new ConfigDropdown(field, option.name(), option.size(), option.options(), option.dividers()));
+                    break;
+                case SLIDER:
+                    options.add(new ConfigSlider(field, option.name(), option.size(), option.min(), option.max(), option.step()));
+                    break;
+            }
+        }
+    }
+
+    /**
+     * Overwrite this method to add your own custom option types
+     *
+     * @param field target field
+     * @param page  page to add options too
+     */
+    protected void processCustomOption(Field field, OptionPage page) {
+    }
+
+    /**
+     * Deserialize part of config and load values
+     *
+     * @param json  json to deserialize
+     * @param clazz target class
+     */
+    protected void deserializePart(JsonObject json, Class<?> clazz) {
+        for (Map.Entry<String, JsonElement> element : json.entrySet()) {
+            String name = element.getKey();
+            JsonElement value = element.getValue();
+            if (value.isJsonObject()) {
+                Optional<Class<?>> innerClass = Arrays.stream(clazz.getClasses()).filter(aClass -> aClass.getSimpleName().equals(name)).findFirst();
+                if (innerClass.isPresent()) {
+                    deserializePart(value.getAsJsonObject(), innerClass.get());
+                    continue;
+                }
+            }
+            try {
+                Field field = clazz.getField(name);
+                TypeAdapter<?> adapter = gson.getAdapter(field.getType());
+                Object object = adapter.fromJsonTree(value);
+                field.setAccessible(true);
+                field.set(null, object);
+            } catch (NoSuchFieldException | IllegalAccessException ignored) {
+            }
+        }
+    }
+
+    /**
+     * Function to open the gui of this mod
+     */
+    public void openGui() {
+        if (mod == null) return;
+        Minecraft.getMinecraft().displayGuiScreen(new OneConfigGui(new ModConfigPage(mod.defaultPage)));
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/interfaces/OneConfigTypeAdapter.java b/src/main/java/cc/polyfrost/oneconfig/config/interfaces/OneConfigTypeAdapter.java
new file mode 100644
index 0000000..3368a7f
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/interfaces/OneConfigTypeAdapter.java
@@ -0,0 +1,51 @@
+package cc.polyfrost.oneconfig.config.interfaces;
+
+import com.google.gson.Gson;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonParser;
+import com.google.gson.TypeAdapter;
+import com.google.gson.stream.JsonReader;
+import com.google.gson.stream.JsonWriter;
+
+import java.io.IOException;
+import java.lang.reflect.Field;
+
+final class OneConfigTypeAdapter<T> extends TypeAdapter<Class<T>> {
+
+    private final Gson gson;
+    private final JsonParser parser = new JsonParser();
+
+    private OneConfigTypeAdapter(final Gson gson) {
+        this.gson = gson;
+    }
+
+    static <T> TypeAdapter<Class<T>> getStaticTypeAdapter(final Gson gson) {
+        return new OneConfigTypeAdapter<>(gson);
+    }
+
+    @Override
+    public void write(final JsonWriter out, final Class<T> value) throws IOException {
+        try {
+            out.beginObject();
+            for (Field field : value.getFields()) {
+                out.name(field.getName());
+                field.setAccessible(true);
+                final TypeAdapter<Object> adapter = (TypeAdapter) gson.getAdapter(field.getType());
+                adapter.write(out, field.get(field.getClass()));
+            }
+            for (Class<?> clazz : value.getClasses()) {
+                out.name(clazz.getSimpleName());
+                final TypeAdapter<JsonElement> adapter = gson.getAdapter(JsonElement.class);
+                adapter.write(out, parser.parse(gson.toJson(clazz)));
+            }
+            out.endObject();
+        } catch (final IllegalAccessException ex) {
+            throw new IOException(ex);
+        }
+    }
+
+    @Override
+    public Class<T> read(final JsonReader in) throws IOException {
+        return null;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/interfaces/OneConfigTypeAdapterFactory.java b/src/main/java/cc/polyfrost/oneconfig/config/interfaces/OneConfigTypeAdapterFactory.java
new file mode 100644
index 0000000..d310f2c
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/interfaces/OneConfigTypeAdapterFactory.java
@@ -0,0 +1,28 @@
+package cc.polyfrost.oneconfig.config.interfaces;
+
+import com.google.gson.Gson;
+import com.google.gson.TypeAdapter;
+import com.google.gson.TypeAdapterFactory;
+import com.google.gson.reflect.TypeToken;
+
+import java.lang.reflect.Type;
+
+public class OneConfigTypeAdapterFactory implements TypeAdapterFactory {
+
+    private static final TypeAdapterFactory staticTypeAdapterFactory = new OneConfigTypeAdapterFactory();
+
+    public static TypeAdapterFactory getStaticTypeAdapterFactory() {
+        return staticTypeAdapterFactory;
+    }
+
+    @Override
+    public <T> TypeAdapter<T> create(final Gson gson, final TypeToken<T> typeToken) {
+        final Type type = typeToken.getType();
+        if (type.equals(Class.class)) {
+            @SuppressWarnings("unchecked") final TypeAdapter<T> castStaticTypeAdapter = (TypeAdapter<T>) OneConfigTypeAdapter.getStaticTypeAdapter(gson);
+            return castStaticTypeAdapter;
+        }
+        return null;
+    }
+
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/interfaces/Size.java b/src/main/java/cc/polyfrost/oneconfig/config/interfaces/Size.java
new file mode 100644
index 0000000..137e3fd
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/interfaces/Size.java
@@ -0,0 +1,6 @@
+package cc.polyfrost.oneconfig.config.interfaces;
+
+public enum Size {
+    SINGLE_COLUMN,      // A single column, 480x32
+    DOUBLE_COLUMN       // A double column, 992x32
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/config/profiles/Profiles.java b/src/main/java/cc/polyfrost/oneconfig/config/profiles/Profiles.java
new file mode 100644
index 0000000..4eafd6d
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/config/profiles/Profiles.java
@@ -0,0 +1,87 @@
+package cc.polyfrost.oneconfig.config.profiles;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.OneConfig;
+import cc.polyfrost.oneconfig.config.core.ConfigCore;
+import org.apache.commons.io.FileUtils;
+
+import java.io.File;
+import java.io.IOException;
+import java.util.ArrayList;
+import java.util.Arrays;
+
+public class Profiles {
+    private static final File profileDir = new File("OneConfig/profiles");
+    public static ArrayList<String> profiles;
+
+    public static String getCurrentProfile() {
+        if (!profileDir.exists() && !profileDir.mkdir()) {
+            System.out.println("Could not create profiles folder");
+            return null;
+        }
+        if (profiles == null) {
+            String[] profilesArray = new File("OneConfig/profiles").list((file, s) -> file.isDirectory());
+            if (profilesArray != null) profiles = new ArrayList<>(Arrays.asList(profilesArray));
+        }
+        if (!getProfileDir(OneConfigConfig.currentProfile).exists()) {
+            createProfile(OneConfigConfig.currentProfile);
+        }
+        return OneConfigConfig.currentProfile;
+    }
+
+    public static void createProfile(String name) {
+        File folder = new File(profileDir, name);
+        if (!folder.exists() && !folder.mkdir()) {
+            System.out.println("Could not create profile folder");
+            return;
+        }
+        profiles.add(name);
+    }
+
+    public static File getProfileDir() {
+        return getProfileDir(getCurrentProfile());
+    }
+
+    public static File getProfileDir(String profile) {
+        return new File(new File("OneConfig/profiles"), profile);
+    }
+
+    public static File getProfileFile(String file) {
+        return new File(getProfileDir(), file);
+    }
+
+    public static void loadProfile(String profile) {
+        ConfigCore.saveAll();
+        OneConfigConfig.currentProfile = profile;
+        OneConfig.config.save();
+        ConfigCore.reInitAll();
+    }
+
+    public static void renameProfile(String name, String newName) {
+        try {
+            File newFile = new File(new File("OneConfig/profiles"), newName);
+            FileUtils.moveDirectory(getProfileDir(name), newFile);
+            if (OneConfigConfig.currentProfile.equals(name)) OneConfigConfig.currentProfile = newName;
+            profiles.remove(name);
+            profiles.add(newName);
+        } catch (IOException e) {
+            System.out.println("Failed to rename profile");
+        }
+    }
+
+    public static void deleteProfile(String name) {
+        if (name.equals(getCurrentProfile())) {
+            if (profiles.size() == 1) {
+                System.out.println("Cannot delete only profile!");
+                return;
+            }
+            loadProfile(profiles.stream().filter(entry -> !entry.equals(name)).findFirst().get());
+        }
+        try {
+            FileUtils.deleteDirectory(getProfileDir(name));
+            profiles.remove(name);
+        } catch (IOException e) {
+            System.out.println("Failed to delete profile");
+        }
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/HudGui.java b/src/main/java/cc/polyfrost/oneconfig/gui/HudGui.java
new file mode 100644
index 0000000..c3437fa
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/HudGui.java
@@ -0,0 +1,326 @@
+package cc.polyfrost.oneconfig.gui;
+
+import cc.polyfrost.oneconfig.hud.HudCore;
+import cc.polyfrost.oneconfig.hud.interfaces.BasicHud;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import net.minecraft.client.gui.Gui;
+import net.minecraft.client.gui.GuiScreen;
+import org.lwjgl.input.Keyboard;
+
+import java.awt.*;
+import java.io.IOException;
+import java.util.ArrayList;
+
+public class HudGui extends GuiScreen {
+    private BasicHud editingHud;
+    private boolean isDragging;
+    private boolean isScaling;
+    private int xOffset;
+    private int yOffset;
+
+    @Override
+    public void initGui() {
+        HudCore.editing = true;
+        Keyboard.enableRepeatEvents(true);
+    }
+
+    @Override
+    public void drawScreen(int mouseX, int mouseY, float partialTicks) {
+        Gui.drawRect(0, 0, this.width, this.height, new Color(80, 80, 80, 50).getRGB());
+
+        if (isDragging) {
+            setPosition(mouseX - xOffset, mouseY - yOffset, true);
+        }
+
+        for (BasicHud hud : HudCore.huds) {
+            processHud(hud, mouseX);
+        }
+    }
+
+    private void processHud(BasicHud hud, int mouseX) {
+        if (hud == editingHud && isScaling) {
+            float xFloat = hud.getXScaled(this.width);
+            float yFloat = hud.getYScaled(this.height);
+            float pos = getXSnapping(mouseX, true);
+            float newWidth = pos - xFloat;
+            float newScale = newWidth / ((hud.getWidth(hud.scale) + hud.paddingX * hud.scale) / hud.scale);
+            if (newScale > 20)
+                newScale = 20;
+            else if (newScale < 0.3)
+                newScale = 0.3f;
+            hud.scale = newScale;
+
+            if (xFloat / this.width > 0.5)
+                editingHud.xUnscaled = (xFloat + (hud.getWidth(hud.scale) + hud.paddingX * hud.scale)) / (double) this.width;
+            if (yFloat / this.height > 0.5)
+                editingHud.yUnscaled = (yFloat + (hud.getHeight(hud.scale) + hud.paddingY * hud.scale)) / (double) this.height;
+        }
+
+        int width = (int) (hud.getWidth(hud.scale) + hud.paddingX * hud.scale);
+        int height = (int) (hud.getHeight(hud.scale) + hud.paddingY * hud.scale);
+        int x = (int) hud.getXScaled(this.width);
+        int y = (int) hud.getYScaled(this.height);
+
+        if (hud.parent == null)
+            hud.drawExampleAll(x, y, hud.scale, true);
+        int color = new Color(215, 224, 235).getRGB();
+        if (editingHud == hud) {
+            color = new Color(43, 159, 235).getRGB();
+            if (isDragging)
+                Gui.drawRect(x, y, x + width, y + height, new Color(108, 176, 255, 60).getRGB());
+        }
+        int finalColor = color;
+        RenderManager.setupAndDraw(true, (vg) -> {
+            RenderManager.drawLine(vg, x - 2 / 4f, y, x + width + 2 / 4f, y, 1, finalColor);
+            RenderManager.drawLine(vg, x, y, x, y + height, 1, finalColor);
+            RenderManager.drawLine(vg, x + width, y, x + width, y + height, 1, finalColor);
+            RenderManager.drawLine(vg, x - 2 / 4f, y + height, x + width + 2 / 4f, y + height, 1, finalColor);
+        });
+
+        if (hud == editingHud && !isDragging) {
+            RenderManager.setupAndDraw(true, (vg) -> {
+                RenderManager.drawCircle(vg, x + width, y + height, 3, new Color(43, 159, 235).getRGB());
+            });
+        }
+
+        if (hud.childBottom != null) processHud(hud.childBottom, mouseX);
+        if (hud.childRight != null) processHud(hud.childRight, mouseX);
+    }
+
+    private void setPosition(float newX, float newY, boolean snap) {
+        float width = editingHud.getWidth(editingHud.scale) + editingHud.paddingX * editingHud.scale;
+        float height = editingHud.getHeight(editingHud.scale) + editingHud.paddingY * editingHud.scale;
+
+        if (editingHud.childRight != null) {
+            HudCore.huds.add(editingHud.childRight);
+            editingHud.childRight.parent = null;
+            editingHud.childRight = null;
+        }
+        if (editingHud.childBottom != null) {
+            HudCore.huds.add(editingHud.childBottom);
+            editingHud.childBottom.parent = null;
+            editingHud.childBottom = null;
+        }
+        if (editingHud.parent != null) {
+            HudCore.huds.add(editingHud);
+            if (editingHud.parent.childBottom == editingHud)
+                editingHud.parent.childBottom = null;
+            else if (editingHud.parent.childRight == editingHud)
+                editingHud.parent.childRight = null;
+            editingHud.parent = null;
+        }
+
+        if (newX < 0)
+            newX = 0;
+        else if (newX + width > this.width)
+            newX = this.width - width;
+        if (newY < 0)
+            newY = 0;
+        else if (newY + height > this.height)
+            newY = this.height - height;
+
+        if (snap) {
+            float snapX = getXSnapping(newX, false);
+            float snapY = getYSnapping(newY);
+            if (snapX != newX || snapY != newY) {
+                newX = snapX;
+                newY = snapY;
+                for (BasicHud hud : HudCore.huds) {
+                    if (findParent(hud, snapX, snapY))
+                        break;
+                }
+            }
+        }
+
+        if (newX / this.width <= 0.5)
+            editingHud.xUnscaled = newX / (double) this.width;
+        else
+            editingHud.xUnscaled = (newX + width) / (double) this.width;
+        if (newY / this.height <= 0.5)
+            editingHud.yUnscaled = newY / (double) this.height;
+        else
+            editingHud.yUnscaled = (newY + height) / (double) this.height;
+    }
+
+    private boolean findParent(BasicHud hud, float snapX, float snapY) {
+        int hudWidth = (int) (hud.getWidth(hud.scale) + hud.paddingX * hud.scale);
+        int hudX = (int) hud.getXScaled(this.width);
+        int hudHeight = (int) (hud.getHeight(hud.scale) + hud.paddingY * hud.scale);
+        int hudY = (int) hud.getYScaled(this.height);
+        if (hudX + hudWidth == snapX && hudY == snapY && hud.childRight == null) {
+            editingHud.parent = hud;
+            hud.childRight = editingHud;
+            HudCore.huds.remove(editingHud);
+            return true;
+        } else if (hudX == snapX && hudY + hudHeight == snapY && hud.childBottom == null) {
+            editingHud.parent = hud;
+            hud.childBottom = editingHud;
+            HudCore.huds.remove(editingHud);
+            return true;
+        }
+        return hud.childRight != null && findParent(hud.childRight, snapX, snapY) || hud.childBottom != null && findParent(hud.childBottom, snapX, snapY);
+    }
+
+    private float getXSnapping(float pos, boolean rightOnly) {
+        float width = editingHud.getWidth(editingHud.scale) + editingHud.paddingX * editingHud.scale;
+        ArrayList<Float> verticalLines = new ArrayList<>();
+        for (BasicHud hud : HudCore.huds) {
+            verticalLines.addAll(getXSnappingHud(hud));
+        }
+        getSpaceSnapping(verticalLines);
+        verticalLines.add(this.width / 2f);
+        float smallestDiff = -1;
+        float smallestLine = 0;
+        float smallestOffset = 0;
+        for (float lineX : verticalLines) {
+            for (float offset = 0; offset <= (rightOnly ? 0 : width); offset += width / 2f) {
+                if (Math.abs(lineX - pos - offset) < 5 && (Math.abs(lineX - pos - offset) < smallestDiff || smallestDiff == -1)) {
+                    smallestDiff = Math.abs(lineX - pos);
+                    smallestLine = lineX;
+                    smallestOffset = offset;
+                }
+            }
+        }
+        if (smallestDiff != -1) {
+            RenderManager.drawDottedLine(smallestLine, 0, smallestLine, this.height, 2, 12, new Color(255, 255, 255).getRGB());
+            return smallestLine - smallestOffset;
+        }
+        return pos;
+    }
+
+    private ArrayList<Float> getXSnappingHud(BasicHud hud) {
+        ArrayList<Float> verticalLines = new ArrayList<>();
+        if (hud == editingHud) return verticalLines;
+        if (hud.childRight != null) verticalLines.addAll(getXSnappingHud(hud.childRight));
+        int hudWidth = (int) (hud.getWidth(hud.scale) + hud.paddingX * hud.scale);
+        int hudX = (int) hud.getXScaled(this.width);
+        verticalLines.add((float) hudX);
+        verticalLines.add((float) (hudX + hudWidth));
+        return verticalLines;
+    }
+
+    private float getYSnapping(float pos) {
+        float height = editingHud.getHeight(editingHud.scale) + editingHud.paddingY * editingHud.scale;
+        ArrayList<Float> horizontalLines = new ArrayList<>();
+        for (BasicHud hud : HudCore.huds) {
+            horizontalLines.addAll(getYSnappingHud(hud));
+        }
+        getSpaceSnapping(horizontalLines);
+        horizontalLines.add(this.height / 2f);
+        float smallestDiff = -1;
+        float smallestLine = 0;
+        float smallestOffset = 0;
+        for (float lineY : horizontalLines) {
+            for (float offset = 0; offset <= height; offset += height / 2f) {
+                if (Math.abs(lineY - pos - offset) < 5 && (Math.abs(lineY - pos - offset) < smallestDiff || smallestDiff == -1)) {
+                    smallestDiff = Math.abs(lineY - pos);
+                    smallestLine = lineY;
+                    smallestOffset = offset;
+                }
+            }
+        }
+        if (smallestDiff != -1) {
+            RenderManager.drawDottedLine(0, smallestLine, this.width, smallestLine, 2, 12, new Color(255, 255, 255).getRGB());
+            return smallestLine - smallestOffset;
+        }
+        return pos;
+    }
+
+    private ArrayList<Float> getYSnappingHud(BasicHud hud) {
+        ArrayList<Float> horizontalLines = new ArrayList<>();
+        if (hud == editingHud) return horizontalLines;
+        if (hud.childBottom != null) horizontalLines.addAll(getYSnappingHud(hud.childBottom));
+        int hudHeight = (int) (hud.getHeight(hud.scale) + hud.paddingY * hud.scale);
+        int hudY = (int) hud.getYScaled(this.height);
+        horizontalLines.add((float) hudY);
+        horizontalLines.add((float) (hudY + hudHeight));
+        return horizontalLines;
+    }
+
+    private void getSpaceSnapping(ArrayList<Float> lines) {
+        ArrayList<Float> newLines = new ArrayList<>();
+        for (int i = 0; i < lines.size(); i++) {
+            for (int l = i + 1; l < lines.size(); l++) {
+                newLines.add(Math.max(lines.get(i), lines.get(l)) + Math.abs(lines.get(i) - lines.get(l)));
+                newLines.add(Math.min(lines.get(i), lines.get(l)) - Math.abs(lines.get(i) - lines.get(l)));
+            }
+        }
+        lines.addAll(newLines);
+    }
+
+    @Override
+    protected void mouseClicked(int mouseX, int mouseY, int mouseButton) {
+        if (mouseButton == 0) {
+            if (editingHud != null) {
+                int width = (int) (editingHud.getWidth(editingHud.scale) + editingHud.paddingX * editingHud.scale);
+                int height = (int) (editingHud.getHeight(editingHud.scale) + editingHud.paddingY * editingHud.scale);
+                float x = editingHud.getXScaled(this.width);
+                float y = editingHud.getYScaled(this.height);
+                if (mouseX >= x + width - 3 && mouseX <= x + width + 3 && mouseY >= y + height - 3 && mouseY <= y + height + 3) {
+                    isScaling = true;
+                    return;
+                }
+            }
+            editingHud = null;
+            for (BasicHud hud : HudCore.huds) {
+                if (mouseClickedHud(hud, mouseX, mouseY))
+                    break;
+            }
+        }
+    }
+
+    private boolean mouseClickedHud(BasicHud hud, int mouseX, int mouseY) {
+        int width = (int) (hud.getWidth(hud.scale) + hud.paddingX * hud.scale);
+        int height = (int) (hud.getHeight(hud.scale) + hud.paddingY * hud.scale);
+        float x = hud.getXScaled(this.width);
+        float y = hud.getYScaled(this.height);
+        if (mouseX >= x && mouseX <= x + width && mouseY >= y && mouseY <= y + height) {
+            editingHud = hud;
+            xOffset = (int) (mouseX - x);
+            yOffset = (int) (mouseY - y);
+            isDragging = true;
+            return true;
+        }
+        return hud.childBottom != null && mouseClickedHud(hud.childBottom, mouseX, mouseY) || hud.childRight != null && mouseClickedHud(hud.childRight, mouseX, mouseY);
+    }
+
+    @Override
+    protected void mouseReleased(int mouseX, int mouseY, int state) {
+        isDragging = false;
+        isScaling = false;
+    }
+
+    @Override
+    protected void keyTyped(char typedChar, int keyCode) throws IOException {
+        if (editingHud != null) {
+            float x = editingHud.getXScaled(this.width);
+            float y = editingHud.getYScaled(this.height);
+            switch (keyCode) {
+                case Keyboard.KEY_UP:
+                    setPosition(x, y - 1, false);
+                    break;
+                case Keyboard.KEY_DOWN:
+                    setPosition(x, y + 1, false);
+                    break;
+                case Keyboard.KEY_LEFT:
+                    setPosition(x - 1, y, false);
+                    break;
+                case Keyboard.KEY_RIGHT:
+                    setPosition(x + 1, y, false);
+                    break;
+            }
+        }
+        super.keyTyped(typedChar, keyCode);
+    }
+
+    @Override
+    public void onGuiClosed() {
+        HudCore.editing = false;
+        Keyboard.enableRepeatEvents(false);
+    }
+
+    @Override
+    public boolean doesGuiPauseGame() {
+        return false;
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/OneConfigGui.java b/src/main/java/cc/polyfrost/oneconfig/gui/OneConfigGui.java
new file mode 100644
index 0000000..72cd8c0
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/OneConfigGui.java
@@ -0,0 +1,231 @@
+package cc.polyfrost.oneconfig.gui;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.gui.elements.BasicElement;
+import cc.polyfrost.oneconfig.gui.elements.ColorSelector;
+import cc.polyfrost.oneconfig.gui.elements.TextInputField;
+import cc.polyfrost.oneconfig.gui.pages.HomePage;
+import cc.polyfrost.oneconfig.gui.pages.Page;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.Scissor;
+import cc.polyfrost.oneconfig.lwjgl.ScissorManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import cc.polyfrost.oneconfig.utils.MathUtils;
+import net.minecraft.client.gui.GuiScreen;
+import org.jetbrains.annotations.NotNull;
+import org.lwjgl.input.Keyboard;
+import org.lwjgl.input.Mouse;
+import org.lwjgl.nanovg.NanoVG;
+
+import java.awt.*;
+import java.util.ArrayList;
+
+public class OneConfigGui extends GuiScreen {
+    public static OneConfigGui INSTANCE;
+    public final int x = 320;
+    public final int y = 140;
+    private final SideBar sideBar = new SideBar();
+    protected Page currentPage;
+    protected Page prevPage;
+    private float pageProgress = -224f;
+    private final TextInputField textInputField = new TextInputField(248, 40, "Search all of OneConfig...", false, false);
+    private final ArrayList<Page> previousPages = new ArrayList<>();
+    private final ArrayList<Page> nextPages = new ArrayList<>();
+    private final BasicElement backArrow = new BasicElement(40, 40, -1, false);
+    private final BasicElement forwardArrow = new BasicElement(40, 40, -1, false);
+    private final ArrayList<Page> parents = new ArrayList<>();
+    private ColorSelector currentColorSelector;
+    public boolean mouseDown;
+
+    public OneConfigGui() {
+        INSTANCE = this;
+    }
+
+    public OneConfigGui(Page page) {
+        INSTANCE = this;
+        currentPage = page;
+    }
+
+    @Override
+    public void drawScreen(int mouseX, int mouseY, float partialTicks) {
+        super.drawScreen(mouseX, mouseY, partialTicks);
+        long start = System.nanoTime();
+        RenderManager.setupAndDraw((vg) -> {
+            if (currentPage == null) {
+                currentPage = new HomePage();
+                parents.add(currentPage);
+            }
+            //nvgScale(vg, 0.5f, 0.5f);
+            if (OneConfigConfig.ROUNDED_CORNERS) {
+                RenderManager.drawRoundedRect(vg, 544, 140, 1056, 800, OneConfigConfig.GRAY_800, OneConfigConfig.CORNER_RADIUS_WIN);
+                RenderManager.drawRoundedRect(vg, 320, 140, 244, 800, OneConfigConfig.GRAY_900_80, OneConfigConfig.CORNER_RADIUS_WIN);
+                RenderManager.drawRect(vg, 544, 140, 20, 800, OneConfigConfig.GRAY_800);
+                //RenderManager.drawDropShadow(vg, 544, 140, 1056, 800, 20f, 32f, OneConfigConfig.GRAY_800);
+            }
+
+            RenderManager.drawLine(vg, 544, 212, 1600, 212, 1, OneConfigConfig.GRAY_700);
+            RenderManager.drawLine(vg, 544, 140, 544, 940, 1, OneConfigConfig.GRAY_700);
+
+            RenderManager.drawImage(vg, Images.LOGO, x + 19, y + 19, 42, 42);
+            RenderManager.drawString(vg, "OneConfig", x + 69, y + 32, OneConfigConfig.WHITE, 18f, Fonts.INTER_BOLD);        // added half line height to center text
+            RenderManager.drawString(vg, "By Polyfrost", x + 69, y + 51, OneConfigConfig.WHITE, 12f, Fonts.INTER_REGULAR);
+            textInputField.draw(vg, x + 1020, y + 16);
+            sideBar.draw(vg, x, y);
+            backArrow.draw(vg, x + 240, y + 16);
+            forwardArrow.draw(vg, x + 280, y + 16);
+
+            if (previousPages.size() == 0) {
+                backArrow.disable(true);
+                NanoVG.nvgGlobalAlpha(vg, 0.5f);
+            } else {
+                backArrow.disable(false);
+                if (!backArrow.isHovered() || Mouse.isButtonDown(0)) NanoVG.nvgGlobalAlpha(vg, 0.8f);
+            }
+            NanoVG.nvgTranslate(vg, x + 271, y + 47);
+            NanoVG.nvgRotate(vg, (float) Math.toRadians(180));
+            RenderManager.drawImage(vg, Images.CIRCLE_ARROW, 0, 0, 22, 22);
+            NanoVG.nvgResetTransform(vg);
+            NanoVG.nvgGlobalAlpha(vg, 1f);
+            if (nextPages.size() == 0) {
+                forwardArrow.disable(true);
+                NanoVG.nvgGlobalAlpha(vg, 0.5f);
+            } else {
+                forwardArrow.disable(false);
+                if (!forwardArrow.isHovered() || Mouse.isButtonDown(0)) NanoVG.nvgGlobalAlpha(vg, 0.8f);
+            }
+            RenderManager.drawImage(vg, Images.CIRCLE_ARROW, x + 289, y + 25, 22, 22);
+            NanoVG.nvgGlobalAlpha(vg, 1f);
+
+            if (backArrow.isClicked() && previousPages.size() > 0) {
+                try {
+                    nextPages.add(0, currentPage);
+                    openPage(previousPages.get(0), false);
+                    previousPages.remove(0);
+                } catch (Exception ignored) {
+                }
+            } else if (forwardArrow.isClicked() && nextPages.size() > 0) {
+                try {
+                    previousPages.add(0, currentPage);
+                    openPage(nextPages.get(0), false);
+                    nextPages.remove(0);
+                } catch (Exception ignored) {
+                }
+            }
+
+            Scissor scissor = ScissorManager.scissor(vg, x + 224, y + 72, 1056, 728);
+            if (prevPage != null) {
+                pageProgress = MathUtils.easeInOutCirc(50, pageProgress, 832 - pageProgress, 220);
+                prevPage.draw(vg, (int) (x - pageProgress), y + 72);
+                RenderManager.drawLine(vg, (int) (x - pageProgress + 1055), y + 72, (int) (x - pageProgress + 1057), y + 800, 2, OneConfigConfig.GRAY_700);     // TODO might remove this
+                currentPage.draw(vg, (int) (x - pageProgress + 1056), y + 72);
+                if (pageProgress > 830f) {      // this number is the 'snap' point of the page
+                    prevPage = null;
+                    pageProgress = -224f;
+                }
+            } else {
+                currentPage.draw(vg, (int) (x - pageProgress), y + 72);
+            }
+            ScissorManager.resetScissor(vg, scissor);
+            if (currentColorSelector != null) {
+                currentColorSelector.draw(vg);
+            }
+
+            float breadcrumbX = x + 336;
+            for (int i = 0; i < parents.size(); i++) {
+                String title = parents.get(i).getTitle();
+                float width = RenderManager.getTextWidth(vg, title, 24f, Fonts.INTER_SEMIBOLD);
+                boolean hovered = InputUtils.isAreaHovered((int) breadcrumbX, y + 24, (int) width, 36);
+                int color = OneConfigConfig.WHITE_60;
+                if (i == parents.size() - 1) color = OneConfigConfig.WHITE_95;
+                else if (hovered && !Mouse.isButtonDown(0)) color = OneConfigConfig.WHITE_80;
+                RenderManager.drawString(vg, title, breadcrumbX, y + 38, color, 24f, Fonts.INTER_SEMIBOLD);
+                if (i != 0)
+                    RenderManager.drawImage(vg, Images.CHEVRON_ARROW, breadcrumbX - 22, y + 26, 13, 22, color);
+                if (hovered && i != parents.size() - 1)
+                    RenderManager.drawLine(vg, breadcrumbX, y + 48, breadcrumbX + width, y + 48, 2, color);
+                if (hovered && InputUtils.isClicked()) openPage(parents.get(i));
+                breadcrumbX += width + 32;
+            }
+
+            long end = System.nanoTime() - start;
+            String s = (" draw: " + end / 1000000f + "ms");
+            RenderManager.drawString(vg, s, x + 1170, y + 790, OneConfigConfig.GRAY_300, 10f, Fonts.INTER_MEDIUM);
+        });
+        mouseDown = Mouse.isButtonDown(0);
+    }
+
+    protected void keyTyped(char key, int keyCode) {
+        Keyboard.enableRepeatEvents(true);
+        try {
+            super.keyTyped(key, keyCode);
+            textInputField.keyTyped(key, keyCode);
+            currentPage.keyTyped(key, keyCode);
+        } catch (Exception e) {
+            System.out.println("this should literally never happen");
+        }
+    }
+
+    public void openPage(@NotNull Page page) {
+        openPage(page, true);
+    }
+
+    public void openPage(@NotNull Page page, boolean addToPrevious) {
+        if (page == currentPage) return;
+        currentPage.finishUpAndClose();
+        if (!page.isBase()) {
+            boolean alreadyInParents = false;
+            for (int i = 0; i < parents.size(); i++) {
+                Page parent = parents.get(i);
+                if (parent == page) {
+                    alreadyInParents = true;
+                    parents.subList(i + 1, parents.size()).clear();
+                    break;
+                }
+            }
+            if (!alreadyInParents) parents.add(page);
+        } else {
+            parents.clear();
+            parents.add(page);
+        }
+        if (addToPrevious) {
+            previousPages.add(0, currentPage);
+            nextPages.clear();
+        }
+        if (prevPage == null) {
+            prevPage = currentPage;
+        }
+        currentPage = page;
+    }
+
+    /**
+     * initialize a new ColorSelector and add it to the draw script. This method is used to make sure it is always rendered on top.
+     *
+     * @implNote Correct usage: <code>OneConfigGui.INSTANCE.initColorSelector(new ColorSelector(color, InputUtils.mouseX(), InputUtils.mouseY()));</code>
+     */
+    public void initColorSelector(ColorSelector colorSelector) {
+        currentColorSelector = colorSelector;
+    }
+
+    /**
+     * Close the current color selector and return the color it had when it closed.
+     */
+    public Color closeColorSelector() {
+        Color color = currentColorSelector.getColor();
+        currentColorSelector = null;
+        return color;
+    }
+
+
+    @Override
+    public boolean doesGuiPauseGame() {
+        return false;
+    }
+
+    @Override
+    public void onGuiClosed() {
+        currentPage.finishUpAndClose();
+        INSTANCE = null;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/SideBar.java b/src/main/java/cc/polyfrost/oneconfig/gui/SideBar.java
new file mode 100644
index 0000000..73f46f7
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/SideBar.java
@@ -0,0 +1,67 @@
+package cc.polyfrost.oneconfig.gui;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.gui.elements.BasicButton;
+import cc.polyfrost.oneconfig.gui.pages.HomePage;
+import cc.polyfrost.oneconfig.gui.pages.ModsPage;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.MathUtils;
+import net.minecraft.client.Minecraft;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class SideBar {
+    private final List<BasicButton> btnList = new ArrayList<>();
+
+    private float targetY = 0, currentY = 0;
+
+    public SideBar() {
+        btnList.add(new BasicButton(192, 36, "Dashboard", Images.DASHBOARD, null, -3, BasicButton.ALIGNMENT_LEFT, new HomePage()));
+        btnList.add(new BasicButton(192, 36, "Global Search", Images.SEARCH, null, -3, BasicButton.ALIGNMENT_LEFT));
+        btnList.add(new BasicButton(192, 36, "Mods", Images.MODS, null, -3, BasicButton.ALIGNMENT_LEFT, new ModsPage()));
+        btnList.add(new BasicButton(192, 36, "Performance", Images.PERFORMANCE, null, -3, BasicButton.ALIGNMENT_LEFT));
+        btnList.add(new BasicButton(192, 36, "Profiles", Images.PROFILES, null, -3, BasicButton.ALIGNMENT_LEFT));
+        btnList.add(new BasicButton(192, 36, "Updates", Images.UPDATES, null, -3, BasicButton.ALIGNMENT_LEFT));
+        btnList.add(new BasicButton(192, 36, "Theme", Images.THEMES, null, -3, BasicButton.ALIGNMENT_LEFT));
+        btnList.add(new BasicButton(192, 36, "Screenshots", Images.SCREENSHOT, null, -3, BasicButton.ALIGNMENT_LEFT));
+        btnList.add(new BasicButton(192, 36, "HUD Settings", Images.HUD_SETTINGS, null, -3, BasicButton.ALIGNMENT_LEFT));
+        btnList.add(new BasicButton(192, 36, "Preferences", Images.PREFERENCES, null, -3, BasicButton.ALIGNMENT_LEFT));
+        btnList.add(new BasicButton(192, 36, "Close", Images.CLOSE, null, -1, BasicButton.ALIGNMENT_LEFT, () -> Minecraft.getMinecraft().displayGuiScreen(null)));
+        btnList.add(new BasicButton(192, 36, "Minimize", Images.MINIMIZE, null, -1, BasicButton.ALIGNMENT_LEFT));
+        btnList.add(new BasicButton(192, 36, "Edit HUD", Images.HUD, null, 0, BasicButton.ALIGNMENT_LEFT, () -> Minecraft.getMinecraft().displayGuiScreen(new HudGui())));
+    }
+
+    public void draw(long vg, int x, int y) {
+        //percentMove = 36f;
+
+        currentY = MathUtils.easeInOutCirc(50, currentY, targetY - currentY, 120);
+        RenderManager.drawRoundedRect(vg, x + 16, currentY, 192, 36, OneConfigConfig.BLUE_600, OneConfigConfig.CORNER_RADIUS);
+        int i = 0;
+        if (targetY == 0) {
+            targetY = y + 96;
+            currentY = targetY;
+        }
+        for (BasicButton btn : btnList) {
+            btn.draw(vg, x + 16, y + 96 + i);
+            i += 44;
+            if (i == 88) { // +88
+                RenderManager.drawString(vg, "MOD CONFIG", x + 16, y + 200, OneConfigConfig.WHITE_90, 12f, Fonts.INTER_SEMIBOLD);
+                i = 122;
+            }
+            if (i == 298) {
+                RenderManager.drawString(vg, "PERSONALIZATION", x + 16, y + 420, OneConfigConfig.WHITE_90, 12f, Fonts.INTER_SEMIBOLD);
+                i = 342;
+            }
+            if (i == 518) {
+                i = 562;
+            }
+
+            if (btn.isClicked() && btn.getPage() != null) {
+                if (i < 520) targetY = btn.y;
+            }
+        }
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/BasicButton.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/BasicButton.java
new file mode 100644
index 0000000..faf0b07
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/BasicButton.java
@@ -0,0 +1,157 @@
+package cc.polyfrost.oneconfig.gui.elements;
+
+import cc.polyfrost.oneconfig.gui.OneConfigGui;
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.gui.pages.Page;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.ColorUtils;
+import org.jetbrains.annotations.NotNull;
+import org.jetbrains.annotations.Nullable;
+
+public class BasicButton extends BasicElement {
+
+    protected String text;
+    protected Images fileNameLeftIco, fileNameRightIco;
+    private final int thisAlignment;
+    private final float fontSize;
+    private final int colorPalette;
+    public int x, y;
+    public static final int ALIGNMENT_LEFT = 0;
+    public static final int ALIGNMENT_CENTER = 1;
+    private boolean toggleable;
+    private Page page;
+    private Runnable runnable;
+
+    /**
+     * Create a new basic button. Used mostly on the homepage and the sidebar. Note: The button will not be drawn until you call {@link #draw(long, int, int)}.
+     * The button's content is centered on its total length, so the text is not always in the middle.
+     *
+     * @param text             Text to display on the button. Has to be there.
+     * @param fileNameLeftIco  file path of the icon to display on the left. Can be null if you don't want to display an icon on the left.
+     * @param fileNameRightIco file path of the icon to display on the right. Can be null if you don't want to display an icon on the right.
+     * @param colorPalette     color palette to use. see {@link ColorUtils} for more info. Can support color palette of -2, which is larger font and icons. Also supports -3, which is just the text changing color.
+     * @param alignment        alignment of the button. ALIGNMENT_LEFT or ALIGNMENT_CENTER.
+     */
+    public BasicButton(int width, int height, @NotNull String text, @Nullable Images fileNameLeftIco, @Nullable Images fileNameRightIco, int colorPalette, int alignment) {
+        super(width, height, colorPalette, true);
+        this.text = text;
+        if (fileNameLeftIco != null) this.fileNameLeftIco = fileNameLeftIco;
+        if (fileNameRightIco != null) this.fileNameRightIco = fileNameRightIco;
+        this.thisAlignment = alignment;
+        if (colorPalette == -2) {
+            fontSize = 24f;
+            this.colorPalette = -1;
+        } else {
+            fontSize = 14f;
+            this.colorPalette = colorPalette;
+        }
+    }
+
+    public BasicButton(int width, int height, @NotNull String text, @Nullable Images fileNameLeftIco, @Nullable Images fileNameRightIco, int colorPalette, int alignment, Page page) {
+        this(width, height, text, fileNameLeftIco, fileNameRightIco, colorPalette, alignment);
+        this.page = page;
+    }
+
+    public BasicButton(int width, int height, @NotNull String text, @Nullable Images fileNameLeftIco, @Nullable Images fileNameRightIco, int colorPalette, int alignment, boolean toggleable) {
+        this(width, height, text, fileNameLeftIco, fileNameRightIco, colorPalette, alignment);
+        this.toggleable = toggleable;
+    }
+
+    public BasicButton(int width, int height, @NotNull String text, @Nullable Images fileNameLeftIco, @Nullable Images fileNameRightIco, int colorPalette, int alignment, Runnable runnable) {
+        this(width, height, text, fileNameLeftIco, fileNameRightIco, colorPalette, alignment);
+        this.runnable = runnable;
+    }
+
+    public BasicButton(int width, int height, @NotNull String text, @Nullable Images fileNameLeftIco, @Nullable Images fileNameRightIco, int colorPalette, int alignment, boolean toggleable, Runnable runnable) {
+        this(width, height, text, fileNameLeftIco, fileNameRightIco, colorPalette, alignment, runnable);
+        this.toggleable = toggleable;
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        this.x = x;
+        this.y = y;
+        int textColor = -1;
+        RenderManager.drawRectangle(vg, x, y, this.width, this.height, this.currentColor);
+        float contentWidth = RenderManager.getTextWidth(vg, text, fontSize, Fonts.INTER_MEDIUM);
+        if (fileNameLeftIco != null) {
+            contentWidth += 28;
+        }
+        if (fileNameRightIco != null) {
+            contentWidth += 28;
+        }
+
+        if (this.colorPalette == -3) {
+            textColor = OneConfigConfig.WHITE_80;
+            if (hovered) textColor = OneConfigConfig.WHITE;
+            if (clicked) textColor = OneConfigConfig.WHITE_80;
+            if (page == null) textColor = OneConfigConfig.WHITE_50;
+        }
+
+        if (thisAlignment == ALIGNMENT_CENTER) {
+            int middle = x + this.width / 2;
+            RenderManager.drawString(vg, text, middle - contentWidth / 2 + (fileNameLeftIco != null ? 28 : 0), y + ((float) height / 2) + 1, textColor, fontSize, Fonts.INTER_MEDIUM);
+            if (fileNameLeftIco != null) {
+                RenderManager.drawImage(vg, fileNameLeftIco, middle - contentWidth / 2, y + 8, 20, 20);
+            }
+            if (fileNameRightIco != null) {
+                RenderManager.drawImage(vg, fileNameRightIco, middle + contentWidth / 2 - (fileNameLeftIco != null ? 20 : 24), y + 8, 20, 20);
+            }
+        }
+        if (thisAlignment == ALIGNMENT_LEFT) {
+            if (fileNameLeftIco != null) {
+                RenderManager.drawImage(vg, fileNameLeftIco, x + 12, y + 8, 20, 20, textColor);
+                RenderManager.drawString(vg, text, x + 40, y + ((float) height / 2) + 1, textColor, fontSize, Fonts.INTER_MEDIUM);
+            } else {
+                RenderManager.drawString(vg, text, x + 12, y + ((float) height / 2) + 1, textColor, fontSize, Fonts.INTER_MEDIUM);
+            }
+            if (fileNameRightIco != null) {
+                RenderManager.drawImage(vg, fileNameRightIco, x + width - 28, y + 8, 20, 20);
+            }
+        }
+        this.update(x, y);
+        if (hoverFx) {
+            if (colorPalette == -3) {
+                currentColor = OneConfigConfig.TRANSPARENT;
+                return;
+            }
+            if (!toggleable) {
+                currentColor = ColorUtils.getColor(currentColor, colorPalette, hovered, clicked);
+            } else {
+                if (toggled) {
+                    currentColor = ColorUtils.smoothColor(currentColor, OneConfigConfig.GRAY_500, OneConfigConfig.BLUE_600, true, 30f);
+                } else currentColor = ColorUtils.getColor(currentColor, colorPalette, hovered, clicked);
+            }
+        }
+    }
+
+
+    @Override
+    public void onClick() {
+        if (this.page != null) {
+            OneConfigGui.INSTANCE.openPage(page);
+        } else if (this.runnable != null) {
+            runnable.run();
+        }
+    }
+
+    @Override
+    public void update(int x, int y) {
+        if (toggleable && toggled) return;
+        super.update(x, y);
+    }
+
+    public void setToggled(boolean state) {
+        this.toggled = state;
+    }
+
+    public Page getPage() {
+        return page;
+    }
+
+    public String getText() {
+        return text;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/BasicElement.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/BasicElement.java
new file mode 100644
index 0000000..80eec9b
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/BasicElement.java
@@ -0,0 +1,107 @@
+package cc.polyfrost.oneconfig.gui.elements;
+
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.utils.ColorUtils;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+
+public class BasicElement {
+    protected int width, height;
+    protected int colorPalette;
+    protected int hitBoxX, hitBoxY;
+    protected final boolean hoverFx;
+    protected boolean hovered = false;
+    protected boolean clicked = false;
+    protected boolean toggled = false;
+    protected boolean disabled = false;
+    protected int currentColor;
+
+    public BasicElement(int width, int height, int colorPalette, boolean hoverFx) {
+        this.height = height;
+        this.width = width;
+        this.colorPalette = colorPalette;
+        this.hoverFx = hoverFx;
+    }
+
+    public BasicElement(int width, int height, boolean hoverFx) {
+        this.height = height;
+        this.width = width;
+        this.colorPalette = -1;
+        this.hoverFx = hoverFx;
+    }
+
+
+    public void draw(long vg, int x, int y) {
+        RenderManager.drawRectangle(vg, x, y, width, height, currentColor);
+
+        update(x, y);
+        if (hoverFx) {
+            currentColor = ColorUtils.getColor(currentColor, colorPalette, hovered, clicked);
+        }
+    }
+
+    public void update(int x, int y) {
+        if(disabled) {
+            hovered = false;
+            clicked = false;
+            return;
+        }
+        hovered = InputUtils.isAreaHovered(x - hitBoxX, y - hitBoxY, width + hitBoxX, height + hitBoxY);
+        clicked = InputUtils.isClicked() && hovered;
+
+        if (hovered) {
+            if (clicked) {
+                toggled = !toggled;
+                onClick();
+            }
+        }
+    }
+
+
+    public void onClick() {
+
+    }
+
+    public void setCustomHitbox(int x, int y) {
+        hitBoxX = x;
+        hitBoxY = y;
+    }
+
+    public void setWidth(int width) {
+        this.width = width;
+    }
+
+    public void setHeight(int height) {
+        this.height = height;
+    }
+
+    public void setColorPalette(int colorPalette) {
+        this.colorPalette = colorPalette;
+    }
+
+    public int getWidth() {
+        return width;
+    }
+
+    public int getHeight() {
+        return height;
+    }
+
+    public boolean isHovered() {
+        return hovered;
+    }
+
+    public boolean isClicked() {
+        return clicked;
+    }
+
+    public boolean isToggled() {
+        return toggled;
+    }
+
+    public boolean isDisabled() {
+        return disabled;
+    }
+    public void disable(boolean state) {
+        disabled = state;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/ColorSelector.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/ColorSelector.java
new file mode 100644
index 0000000..83d0f7c
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/ColorSelector.java
@@ -0,0 +1,250 @@
+package cc.polyfrost.oneconfig.gui.elements;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import org.lwjgl.input.Mouse;
+
+import java.awt.*;
+import java.util.ArrayList;
+
+public class ColorSelector {
+    private Color color;
+    private final int x, y;
+    private final int width = 416;
+    private final int height = 768;
+
+    private final BasicElement HSBButton = new BasicElement(128, 32, -1, true);
+    private final BasicElement RGBButton = new BasicElement(128, 32, -1, true);
+    private final BasicElement ChromaButton = new BasicElement(128, 32, -1, true);
+
+    private final ArrayList<BasicElement> faves = new ArrayList<>();
+    private final ArrayList<BasicElement> history = new ArrayList<>();
+    private final BasicElement closeButton = new BasicElement(32, 32, -1, true);
+
+
+    public ColorSelector(Color color, int mouseX, int mouseY) {
+        this.color = color;
+        this.y = mouseY - 768;
+        this.x = mouseX - 208;
+
+    }
+
+    public void draw(long vg) {
+        RenderManager.drawRoundedRect(vg, x, y, width, height, OneConfigConfig.GRAY_800, 20f);
+
+    }
+
+    public Color getColor() {
+        return color;
+    }
+
+
+
+    private class HSBSelector extends ColorSelectorBase {
+
+
+        public HSBSelector(Color color) {
+            super(color);
+        }
+
+        @Override
+        public void drawBox(long vg, int x, int y) {
+
+        }
+
+        @Override
+        public void setColor(Color color) {
+
+        }
+
+        @Override
+        public int[] drawTopSlider() {
+            return new int[0];
+        }
+
+        @Override
+        public int[] drawBottomSlider() {
+            return new int[0];
+        }
+
+        @Override
+        public float[] getColorAtPos(int clickX, int clickY) {
+            return new float[0];
+        }
+    }
+
+
+    private class RGBSelector extends ColorSelectorBase {
+
+        public RGBSelector(Color color) {
+            super(color);
+        }
+
+        @Override
+        public void drawBox(long vg, int x, int y) {
+
+        }
+
+        @Override
+        public void setColor(Color color) {
+
+        }
+
+        @Override
+        public int[] drawTopSlider() {
+            return new int[0];
+        }
+
+        @Override
+        public int[] drawBottomSlider() {
+            return new int[0];
+        }
+
+
+        @Override
+        public float[] getColorAtPos(int clickX, int clickY) {
+            return new float[0];
+        }
+    }
+
+
+
+    private abstract class ColorSelectorBase {
+
+        private int selectedX;
+        private int selectedY;
+        private float[] hsb = new float[3];
+        private float[] rgba;
+        private final TextInputFieldNumber hueField = new TextInputFieldNumber(72, 32, "", 0, 100);
+        private final TextInputFieldNumber saturationField = new TextInputFieldNumber(72, 32, "", 0, 100);
+        private final TextInputFieldNumber brightnessField = new TextInputFieldNumber(72, 32, "", 0, 100);
+        private final TextInputFieldNumber alphaField = new TextInputFieldNumber(72, 32, "", 0, 100);
+
+        private final TextInputField hexField = new TextInputField(107, 32, true, false, "");
+        private final TextInputFieldNumber redField = new TextInputFieldNumber(44, 32, "", 0, 255);
+        private final TextInputFieldNumber greenField = new TextInputFieldNumber(44, 32, "", 0, 255);
+        private final TextInputFieldNumber blueField = new TextInputFieldNumber(44, 32, "", 0, 255);
+
+        private final Slider sliderTop = new Slider(0);
+        private final Slider sliderBottom = new Slider(0);
+
+        public ColorSelectorBase(Color color) {
+            rgba = new float[]{color.getRed() / 255f, color.getGreen() / 255f, color.getBlue() / 255f, color.getAlpha() / 255f};
+        }
+
+        public void updateElements(float[] rgba) {
+            this.rgba = rgba;
+            hsb = Color.RGBtoHSB((int) (rgba[0] * 255), (int) (rgba[1] * 255), (int) (rgba[2] * 255), hsb);
+            hueField.setInput(String.valueOf(hsb[0]));
+            saturationField.setInput(String.valueOf(hsb[1]));
+            brightnessField.setInput(String.valueOf(hsb[2]));
+            alphaField.setInput(String.valueOf(rgba[3]));
+            redField.setInput(String.valueOf(rgba[0]));
+            greenField.setInput(String.valueOf(rgba[1]));
+            blueField.setInput(String.valueOf(rgba[2]));
+        }
+        public abstract void drawBox(long vg, int x, int y);
+
+        /** draw the color selector contents, including the box, and the input fields. If it is clicked, getColorAtPos is called. updateElements is also called to update all the input fields. */
+        public void draw(long vg, int x, int y) {
+            drawBox(vg, x + 16, y + 120);
+            if(InputUtils.isAreaHovered(x + 16, y + 120, 384, 288) && Mouse.isButtonDown(0)) {
+                selectedX = InputUtils.mouseX() - x - 16;
+                selectedY = InputUtils.mouseY() - y - 120;
+                rgba = getColorAtPos(selectedX, selectedY);
+            }           // TODO all of this
+            hueField.draw(vg, x + 104, y + 544);
+            saturationField.draw(vg, x + 312, y + 544);
+            brightnessField.draw(vg, x + 103, y + 584);
+            alphaField.draw(vg, x + 103, y + 584);
+            hexField.draw(vg, x + 96, y + 624);
+            redField.draw(vg, x + 228, y + 624);
+            greenField.draw(vg, x + 292, y + 664);
+            blueField.draw(vg, x + 356, y + 664);
+            sliderTop.draw(vg, x + 16, y + 424, drawTopSlider()[0], drawTopSlider()[1]);
+            sliderBottom.draw(vg, x + 16, y + 576, drawBottomSlider()[0], drawBottomSlider()[1]);
+            updateElements(rgba);
+            Color color1 = new Color(rgba[0], rgba[1], rgba[2], rgba[3]);
+            setColor(color1);
+            RenderManager.drawRoundedRect(vg, x + 16, y + 488, 384, 40, color1.getRGB(), 12f);
+        }
+
+        /** called to set the color of the color selector box based on the values of the input fields. */
+        public abstract void setColor(Color color);
+
+        /** return an array of two ints of the start color of the gradient and the end color of the gradient. */
+        public abstract int[] drawTopSlider();
+        /** return an array of two ints of the start color of the gradient and the end color of the gradient. */
+        public abstract int[] drawBottomSlider();
+
+        /**
+         * This method is called when the color selector is clicked. It needs to return color at the clicked position.
+         * @return color at the clicked position as a <code>float[] rgba.</code>
+         */
+        public abstract float[] getColorAtPos(int clickX, int clickY);
+
+        public float getRed() {
+            return rgba[0];
+        }
+        public float getGreen(){
+            return rgba[1];
+        }
+        public float getBlue(){
+            return rgba[2];
+        }
+        public float getAlpha(){
+            return rgba[3];
+        }
+
+        public float getHue(){
+            return hsb[0];
+        }
+
+        public float getSaturation(){
+            return hsb[1];
+        }
+
+        public float getBrightness(){
+            return hsb[2];
+        }
+
+        public String getHex() {
+            return null;
+        };
+
+        public Color getColor() {
+            return new Color(rgba[0], rgba[1], rgba[2], rgba[3]);
+        }
+
+    }
+
+    private class TextInputFieldNumber extends TextInputField {
+        private final float min, max;
+        public TextInputFieldNumber(int width, int height, String defaultValue, float min, float max) {
+            super(width, height, true, true, defaultValue);
+            this.min = min;
+            this.max = max;
+        }
+
+        @Override
+        public void draw(long vg, int x, int y) {
+            super.draw(vg, x, y);
+
+        }
+    }
+
+    private class Slider {
+        private final int style;
+
+        public Slider(int style) {
+            this.style = style;
+        }
+
+        public void draw(long vg, int x, int y, int color1, int color2) {
+
+        }
+    }
+}
+
+
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/ModCard.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/ModCard.java
new file mode 100644
index 0000000..4fe1524
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/ModCard.java
@@ -0,0 +1,146 @@
+package cc.polyfrost.oneconfig.gui.elements;
+
+import cc.polyfrost.oneconfig.OneConfig;
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.data.Mod;
+import cc.polyfrost.oneconfig.config.data.ModType;
+import cc.polyfrost.oneconfig.gui.OneConfigGui;
+import cc.polyfrost.oneconfig.gui.pages.ModConfigPage;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.ColorUtils;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import net.minecraft.client.Minecraft;
+import net.minecraft.command.CommandException;
+import net.minecraftforge.client.ClientCommandHandler;
+import net.minecraftforge.fml.common.ModMetadata;
+import org.jetbrains.annotations.NotNull;
+import org.jetbrains.annotations.Nullable;
+import org.lwjgl.nanovg.NanoVG;
+
+import java.util.ArrayList;
+
+public class ModCard extends BasicElement {
+    private final String iconPath;
+    private final Mod modData;
+    private final BasicElement favoriteHitbox = new BasicElement(32, 32, -2, true);
+    private boolean active, disabled, favorite;
+    private int colorGray = OneConfigConfig.GRAY_600;
+    private int colorPrimary = OneConfigConfig.BLUE_600;
+    private boolean isHoveredMain = false;
+
+    public ModCard(@NotNull Mod mod, @Nullable String iconPath, boolean active, boolean disabled, boolean favorite) {
+        super(244, 119, false);
+        this.modData = mod;
+        this.iconPath = iconPath;
+        this.active = active;
+        toggled = active;
+        this.disabled = disabled;
+        this.favorite = favorite;
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        if (disabled) NanoVG.nvgGlobalAlpha(vg, 0.5f);
+        RenderManager.drawRoundedRectVaried(vg, x, y, width, 87, colorGray, 12f, 12f, 0f, 0f);
+        RenderManager.drawRoundedRectVaried(vg, x, y + 87, width, 32, colorPrimary, 0f, 0f, 12f, 12f);
+        RenderManager.drawLine(vg, x, y + 86, x + width, y + 86, 2, OneConfigConfig.GRAY_300);
+        if (iconPath != null) {
+            RenderManager.drawImage(vg, iconPath, x, y, width, 87);
+        } else {
+            RenderManager.drawImage(vg, Images.MOD_BOX, x + 98, y + 19, 48, 48);
+        }
+        favoriteHitbox.update(x + 212, y + 87);
+        favoriteHitbox.currentColor = ColorUtils.getColor(favoriteHitbox.currentColor, favoriteHitbox.colorPalette, favoriteHitbox.hovered, favoriteHitbox.clicked);
+        RenderManager.drawRoundedRectVaried(vg, x + 212, y + 87, 32, 32, favoriteHitbox.currentColor, 0f, 0f, 12f, 0f);
+        favorite = favoriteHitbox.isToggled();
+        RenderManager.drawString(vg, modData.name, x + 12, y + 103, OneConfigConfig.WHITE, 14f, Fonts.INTER_MEDIUM);
+        if (favorite) {
+            RenderManager.drawImage(vg, Images.FAVORITE, x + 220, y + 95, 16, 16);
+        } else {
+            RenderManager.drawImage(vg, Images.FAVORITE_OFF, x + 220, y + 95, 16, 16);
+        }
+        super.update(x, y);
+        isHoveredMain = InputUtils.isAreaHovered(x, y, width, 87);
+        boolean isHoveredSecondary = InputUtils.isAreaHovered(x, y + 87, width - 32, 32) && !disabled;
+        colorGray = ColorUtils.getColor(colorGray, 0, isHoveredMain, clicked && isHoveredMain);
+        if (active && !disabled) {
+            colorPrimary = ColorUtils.getColor(colorPrimary, 1, isHoveredSecondary, clicked && isHoveredSecondary);
+        } else
+            colorPrimary = ColorUtils.smoothColor(colorPrimary, OneConfigConfig.GRAY_500, OneConfigConfig.GRAY_400, isHoveredSecondary, 20f);
+
+        if (clicked && isHoveredMain) {
+            if (!active) toggled = false;
+        }
+        if (clicked && favoriteHitbox.hovered) toggled = false;
+        if (clicked && !isHoveredSecondary && active) toggled = true;
+        if (!active & disabled) toggled = false;
+        //RenderManager.drawString(vg, "active=" + active, x + 150, y + 92, OneConfigConfig.WHITE, 10f, Fonts.INTER_MEDIUM);        // debug stuff
+        //RenderManager.drawString(vg, "disabled=" + disabled, x + 150, y + 103, OneConfigConfig.WHITE, 10f, Fonts.INTER_MEDIUM);
+        //RenderManager.drawString(vg, "favorite=" + favorite, x + 150, y + 114, OneConfigConfig.WHITE, 10f, Fonts.INTER_MEDIUM);
+
+
+        active = toggled;
+        NanoVG.nvgGlobalAlpha(vg, 1f);
+    }
+
+    public void onClick() {
+        if (isHoveredMain) {
+            for (Mod data : OneConfig.loadedMods) {
+                if (data.modType != ModType.OTHER) {
+                    if (data.name.equalsIgnoreCase(modData.name)) {
+                        OneConfigGui.INSTANCE.openPage(new ModConfigPage(data.defaultPage));
+                    }
+                }
+            }
+            for (ModMetadata mod : OneConfig.loadedOtherMods) {
+                if (mod.name.equalsIgnoreCase(modData.name)) {
+                    ArrayList<String> possibleCommands = new ArrayList<>();
+                    possibleCommands.add(mod.name.toLowerCase().replace(" ", ""));
+                    possibleCommands.add(mod.modId.toLowerCase().replaceAll("[ -_]", ""));
+                    if (mod.name.split(" ").length > 1) {
+                        StringBuilder result = new StringBuilder();
+                        for (String word : mod.name.split(" ")) {
+                            if (word.length() == 0) continue;
+                            result.append(word.charAt(0));
+                        }
+                        possibleCommands.add(result.toString().toLowerCase());
+                    }
+                    for (String command : ClientCommandHandler.instance.getCommands().keySet()) {
+                        if (possibleCommands.contains(command)) {
+                            try {
+                                ClientCommandHandler.instance.getCommands().get(command).processCommand(Minecraft.getMinecraft().thePlayer, new String[]{});
+                            } catch (CommandException e) {
+                                throw new RuntimeException(e);
+                            }
+                            break;
+                        }
+                    }
+                    return;
+                }
+
+            }
+        }
+    }
+
+    public Mod getModData() {
+        return modData;
+    }
+
+    public boolean isDisabled() {
+        return disabled;
+    }
+
+    public boolean isActive() {
+        return active;
+    }
+
+    public void setDisabled(boolean disabled) {
+        this.disabled = disabled;
+    }
+
+    public boolean isFavorite() {
+        return favorite;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/SearchField.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/SearchField.java
new file mode 100644
index 0000000..6f460d6
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/SearchField.java
@@ -0,0 +1,14 @@
+package cc.polyfrost.oneconfig.gui.elements;
+
+public class SearchField extends TextInputField {
+
+    public SearchField(int width, int height, String defaultText, boolean multiLine, boolean password) {
+        super(width, height, defaultText, multiLine, password);
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        super.draw(vg, x, y);
+        // TODO
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/TextInputField.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/TextInputField.java
new file mode 100644
index 0000000..3058643
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/TextInputField.java
@@ -0,0 +1,418 @@
+package cc.polyfrost.oneconfig.gui.elements;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.Scissor;
+import cc.polyfrost.oneconfig.lwjgl.ScissorManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import net.minecraft.client.gui.GuiScreen;
+import net.minecraft.util.ChatAllowedCharacters;
+import org.jetbrains.annotations.NotNull;
+import org.lwjgl.input.Keyboard;
+import org.lwjgl.input.Mouse;
+
+import java.awt.*;
+import java.awt.datatransfer.DataFlavor;
+import java.awt.datatransfer.StringSelection;
+
+public class TextInputField extends BasicElement {
+
+    protected final String defaultText;
+    protected String input, selectedText;
+    protected final boolean multiLine;
+    protected boolean password;
+
+    protected int caretPos;
+    protected int x, y;
+    protected float start, end;
+    private long clickTimeD1;
+    protected long vg;
+    protected int prevCaret = 0;
+    protected boolean isDoubleClick = false;
+    protected boolean onlyNums = false;
+    protected boolean errored = false;
+    protected boolean centered = false;
+
+    public TextInputField(int width, int height, String defaultText, boolean multiLine, boolean password) {
+        super(width, height, false);
+        this.multiLine = multiLine;
+        this.defaultText = defaultText;
+        this.password = password;
+        this.input = "";
+    }
+
+    public TextInputField(int width, int height, boolean centered, boolean onlyNums, String defaultText) {
+        this(width, height, defaultText, false, false);
+        this.centered = centered;
+        this.onlyNums = onlyNums;
+    }
+
+    public void onlyAcceptNumbers(boolean state) {
+        onlyNums = state;
+    }
+
+    public void setInput(String input) {
+        this.input = input;
+    }
+
+    public String getInput() {
+        return input;
+    }
+
+    public void setPassword(boolean password) {
+        this.password = password;
+    }
+
+    public boolean getPassword() {
+        return password;
+    }
+
+    public void setErrored(boolean errored) {
+        this.errored = errored;
+    }
+
+    public void setCentered(boolean centered) {
+        this.centered = centered;
+    }
+
+    public boolean isErrored() {
+        return errored;
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        this.x = x;
+        this.y = y;
+        this.vg = vg;
+        try {
+            Scissor scissor = ScissorManager.scissor(vg, x, y, width, height);
+            int colorOutline = errored ? OneConfigConfig.ERROR_700 : OneConfigConfig.GRAY_700;
+            RenderManager.drawHollowRoundRect(vg, x, y, width, height, colorOutline, 12f, 2f);
+            super.update(x, y);
+            if (Mouse.isButtonDown(0) && !InputUtils.isAreaHovered(x - 40, y - 20, width + 90, height + 20)) {
+                toggled = false;
+            }
+            int color = toggled ? OneConfigConfig.WHITE : OneConfigConfig.WHITE_60;
+            if (!toggled) caretPos = input.length();
+            float width;
+            StringBuilder s = new StringBuilder();
+            if (!password) {
+                width = RenderManager.getTextWidth(vg, input.substring(0, caretPos), 14f, Fonts.INTER_REGULAR);
+            } else {
+                for (int i = 0; i < input.length(); i++) {
+                    s.append("*");
+                }
+                width = RenderManager.getTextWidth(vg, s.substring(0, caretPos), 14f, Fonts.INTER_REGULAR);
+            }
+            if (hovered) {
+                while (Mouse.next()) {
+                    if (Mouse.getEventButtonState()) {
+                        if (Mouse.getEventButton() == 0) {
+                            prevCaret = calculatePos(Mouse.getX());
+                            if (System.currentTimeMillis() - clickTimeD1 < 300) {
+                                onDoubleClick();
+                                isDoubleClick = true;
+                            }
+                            clickTimeD1 = System.currentTimeMillis();
+                        }
+                    } else {
+                        if (Mouse.getEventButton() == 0) {
+                            long clickTimeU = System.currentTimeMillis();
+                            if (clickTimeU - clickTimeD1 < 200) {
+                                if (!isDoubleClick) {
+                                    start = 0;
+                                    end = 0;
+                                }
+                                prevCaret = caretPos;
+                                isDoubleClick = false;
+                            }
+
+                        }
+                    }
+                }
+            }
+            float halfTextWidth = this.getTextWidth(vg, input) / 2f;
+            if (start != 0f && end != 0f && toggled) {
+                RenderManager.drawRect(vg, start, y + height / 2f - 10, end, 20, OneConfigConfig.GRAY_300);
+            }
+            if (hovered) {
+                if (Mouse.isButtonDown(0) && !isDoubleClick) {
+                    caretPos = calculatePos(Mouse.getX());
+                    if (caretPos > prevCaret) {
+                        if (!centered) start = x + 12 + this.getTextWidth(vg, input.substring(0, prevCaret));
+                        else
+                            start = x + this.width / 2f - halfTextWidth + this.getTextWidth(vg, input.substring(0, prevCaret));
+                        end = this.getTextWidth(vg, input.substring(prevCaret, caretPos));
+                        selectedText = input.substring(prevCaret, caretPos);
+                    } else {
+                        if (!centered) start = x + 12 + this.getTextWidth(vg, input.substring(0, prevCaret));
+                        else
+                            start = x + this.width / 2f - halfTextWidth + this.getTextWidth(vg, input.substring(0, prevCaret));
+                        end = -this.getTextWidth(vg, input.substring(caretPos, prevCaret));
+                        selectedText = input.substring(caretPos, prevCaret);
+                    }
+                }
+            }
+
+
+            if (toggled) {
+                if (!centered) {
+                    RenderManager.drawLine(vg, x + width + 12, (float) y + height / 2f - 10, x + width + 12, (float) y + height / 2f + 10, 1, OneConfigConfig.WHITE);
+                } else {
+                    RenderManager.drawLine(vg, x + this.width / 2f - halfTextWidth + width, (float) y + height / 2f - 10, x + this.width / 2f - halfTextWidth + width, (float) y + height / 2f + 10, 1, OneConfigConfig.WHITE);
+                }
+            }
+
+
+            if (input.equals("")) {
+                if (!centered) {
+                    RenderManager.drawString(vg, defaultText, x + 12, y + height / 2f + 1, color, 14f, Fonts.INTER_REGULAR);
+                } else {
+                    RenderManager.drawString(vg, defaultText, x + this.width / 2f - halfTextWidth, y + height / 2f + 1, color, 14f, Fonts.INTER_REGULAR);
+                }
+            }
+
+            if (!password) {
+                if (!centered) {
+                    RenderManager.drawString(vg, input, x + 12, y + height / 2f + 1, color, 14f, Fonts.INTER_REGULAR);
+                } else {
+                    RenderManager.drawString(vg, input, x + this.width / 2f - halfTextWidth, y + height / 2f + 1, color, 14f, Fonts.INTER_REGULAR);
+                }
+            } else {
+                RenderManager.drawString(vg, s.toString(), x + 12, y + height / 2f + 1, color, 14f, Fonts.INTER_REGULAR);
+            }
+            ScissorManager.resetScissor(vg, scissor);
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    public void keyTyped(char c, int key) {
+        try {
+            if (toggled) {
+                if (GuiScreen.isKeyComboCtrlC(key)) {
+                    if (selectedText != null && start != 0f && end != 0f) {
+                        Toolkit.getDefaultToolkit().getSystemClipboard().setContents(new StringSelection(selectedText), null);
+                    }
+                    return;
+                }
+                if (GuiScreen.isKeyComboCtrlV(key) || key == Keyboard.KEY_INSERT) {
+                    try {
+                        String clip = Toolkit.getDefaultToolkit().getSystemClipboard().getContents(null).getTransferData(DataFlavor.stringFlavor).toString();
+                        input = input.substring(0, caretPos) + clip + input.substring(caretPos);
+                        caretPos = caretPos + clip.length();
+                        return;
+                    } catch (Exception e) {
+                        e.printStackTrace();
+                    }
+                }
+                if (key == Keyboard.KEY_DELETE) {
+                    input = "";
+                }
+
+
+                if (GuiScreen.isCtrlKeyDown()) {
+                    if (key == Keyboard.KEY_BACK && !GuiScreen.isKeyComboCtrlX(key)) {
+                        try {
+                            input = input.substring(0, input.lastIndexOf(" "));
+                            caretPos = input.length();
+                        } catch (Exception e) {
+                            input = "";
+                            caretPos = 0;
+                        }
+                        return;
+                    }
+                    if (GuiScreen.isKeyComboCtrlA(key)) {
+                        prevCaret = 0;
+                        caretPos = input.length();
+                        start = !centered ? x + 12 : x + this.width / 2f - this.getTextWidth(vg, input) / 2f;
+                        selectedText = input;
+                        end = this.getTextWidth(vg, input);
+                        return;
+                    }
+                    if (GuiScreen.isKeyComboCtrlX(key)) {
+                        if (selectedText != null && start != 0f && end != 0f) {
+                            Toolkit.getDefaultToolkit().getSystemClipboard().setContents(new StringSelection(selectedText), null);
+                            key = Keyboard.KEY_BACK;
+                        } else return;
+                    }
+                    if (key == Keyboard.KEY_LEFT) {
+                        caretPos = input.substring(0, caretPos).lastIndexOf(' ') + 1;
+                    }
+                    if (key == Keyboard.KEY_RIGHT) {
+                        caretPos = input.indexOf(' ', caretPos);
+                        if (caretPos == -1) caretPos = input.length();
+                    }
+
+                }
+                if (key == Keyboard.KEY_BACK) {
+                    if (input.length() > 0) {
+                        if (start != 0f && end != 0f) {
+                            start = 0f;
+                            end = 0f;
+                            if (caretPos > prevCaret) {
+                                input = input.substring(0, prevCaret) + input.substring(caretPos);
+                                caretPos = prevCaret;
+                            }
+                            if (caretPos < prevCaret) {
+                                input = input.substring(0, caretPos) + input.substring(prevCaret);
+                            }
+                            return;
+                        }
+                        if (caretPos == input.length()) {
+                            input = input.substring(0, input.length() - 1);
+                        } else {
+                            input = input.substring(0, caretPos - 1) + input.substring(caretPos);
+                        }
+                        caretPos--;
+                    }
+                    return;
+                }
+                if (key == Keyboard.KEY_TAB) {
+                    if (onlyNums) return;
+                    input += "    ";
+                    caretPos += 4;
+                    return;
+                }
+
+                if (key == Keyboard.KEY_RIGHT) {
+                    caretPos++;
+                    if (caretPos > input.length()) {
+                        caretPos = input.length();
+                    }
+                    if (start != 0f && end != 0f) {
+                        start = 0f;
+                        end = 0f;
+                    }
+                    return;
+                }
+                if (key == Keyboard.KEY_LEFT) {
+                    caretPos--;
+                    if (caretPos < 0) {
+                        caretPos = 0;
+                    }
+                    if (start != 0f && end != 0f) {
+                        start = 0f;
+                        end = 0f;
+                    }
+                    return;
+                }
+                if (key == Keyboard.KEY_UP || key == 201) { // 201 = page up
+                    caretPos = 0;
+                    if (start != 0f && end != 0f) {
+                        start = 0f;
+                        end = 0f;
+                    }
+                    return;
+                }
+                if (key == Keyboard.KEY_DOWN || key == 209) {     // 209 = page down
+                    caretPos = input.length();
+                    if (start != 0f && end != 0f) {
+                        start = 0f;
+                        end = 0f;
+                    }
+                    return;
+                }
+
+
+                if (key == Keyboard.KEY_RETURN) {
+                    toggled = false;
+                    if (start != 0f && end != 0f) {
+                        start = 0f;
+                        end = 0f;
+                    }
+                }
+                if (key == Keyboard.KEY_END) {
+                    toggled = false;
+                }
+
+
+                if (key == Keyboard.KEY_LCONTROL || key == Keyboard.KEY_RCONTROL || key == Keyboard.KEY_LMENU || key == Keyboard.KEY_RMENU || key == Keyboard.KEY_LMETA || key == Keyboard.KEY_RMETA || key == Keyboard.KEY_LSHIFT || key == Keyboard.KEY_RSHIFT || key == Keyboard.KEY_RETURN || key == Keyboard.KEY_CAPITAL || key == 221 || key == Keyboard.KEY_HOME) {
+                    return;
+                }
+                if (onlyNums) {
+                    if (!Character.isDigit(c) && key != 52) return;
+                }
+                if (!Character.isDefined(key)) return;
+                if (!Character.isDefined(c)) return;
+                if (GuiScreen.isCtrlKeyDown()) return;
+                if (ChatAllowedCharacters.isAllowedCharacter(c)) {
+                    if (selectedText != null) {
+                        if (caretPos > prevCaret) {
+                            input = input.substring(0, prevCaret) + input.substring(prevCaret, caretPos);
+                            caretPos = prevCaret;
+                        } else {
+                            input = input.substring(0, caretPos) + input.substring(caretPos, prevCaret);
+                        }
+                        if (selectedText.equals(input)) {
+                            input = "";
+                        }
+                        selectedText = null;
+                    }
+                    input = addCharAtPoint(caretPos, c);
+                    caretPos++;
+                }
+                if (start != 0f && end != 0f) {
+                    start = 0f;
+                    end = 0f;
+                }
+
+            }
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    private @NotNull String addCharAtPoint(int index, char c) {
+        return input.substring(0, index) + c + input.substring(index);
+    }
+
+    @Override
+    public void onClick() {
+        toggled = true;
+    }
+
+    private void onDoubleClick() {
+        prevCaret = input.substring(0, caretPos).lastIndexOf(' ') + 1;
+        caretPos = input.indexOf(' ', caretPos);
+        if (caretPos == -1) caretPos = input.length();
+        selectedText = input.substring(prevCaret, caretPos);
+        if (!centered) start = x + 12 + this.getTextWidth(vg, input.substring(0, prevCaret));
+        else
+            start = x + this.width / 2f - this.getTextWidth(vg, input) / 2f + this.getTextWidth(vg, input.substring(0, prevCaret));
+        end = this.getTextWidth(vg, input.substring(prevCaret, caretPos));
+    }
+
+    private int calculatePos(int pos) {
+        if (centered) pos -= 12;
+        String s1 = "";
+        int i;
+        for (char c : input.toCharArray()) {
+            if (pos - x - 12 < 0) {
+                return 0;
+            }
+            if (pos - x - 12 > this.getTextWidth(vg, input)) {
+                return input.length();
+            }
+            s1 += c;
+            i = (int) this.getTextWidth(vg, s1);
+            if (i >= pos - x - 16) {
+                return s1.length();
+            }
+        }
+        return 0;
+    }
+
+    private float getTextWidth(long vg, String s) {
+        if (password) {
+            StringBuilder s1 = new StringBuilder();
+            while (s1.length() < s.length()) {
+                s1.append('*');
+            }
+            return RenderManager.getTextWidth(vg, s1.toString(), 14.0f, Fonts.INTER_REGULAR);
+        } else {
+            return RenderManager.getTextWidth(vg, s, 14.0f, Fonts.INTER_REGULAR);
+        }
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigCheckbox.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigCheckbox.java
new file mode 100644
index 0000000..990ce07
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigCheckbox.java
@@ -0,0 +1,61 @@
+package cc.polyfrost.oneconfig.gui.elements.config;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.ColorUtils;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import cc.polyfrost.oneconfig.utils.MathUtils;
+
+import java.awt.*;
+import java.lang.reflect.Field;
+
+public class ConfigCheckbox extends BasicOption {
+    private int color;
+    private float percentOn = 0f;
+
+    public ConfigCheckbox(Field field, String name, int size) {
+        super(field, name, size);
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        boolean toggled = false;
+        try {
+            toggled = (boolean) get();
+        } catch (IllegalAccessException ignored) {
+        }
+        boolean hover = InputUtils.isAreaHovered(x, y + 4, 24, 24);
+
+        boolean clicked = InputUtils.isClicked() && hover;
+        if (clicked) {
+            toggled = !toggled;
+            try {
+                set(toggled);
+            } catch (IllegalAccessException e) {
+                System.err.println("failed to write config value: class=" + this + " fieldWatching=" + field + " valueWrite=" + toggled);
+                e.printStackTrace();
+            }
+        }
+        if (percentOn != 1f) {       // performance
+            RenderManager.drawRoundedRect(vg, x, y + 4, 24, 24, color, 6f);
+            RenderManager.drawHollowRoundRect(vg, x, y + 4, 23.5f, 23.5f, OneConfigConfig.GRAY_300, 6f, 1f);        // the 0.5f is to make it look better ok
+        }
+        color = ColorUtils.smoothColor(color, OneConfigConfig.GRAY_600, OneConfigConfig.GRAY_400, hover, 40f);
+        RenderManager.drawString(vg, name, x + 32, y + 17, OneConfigConfig.WHITE_90, 14f, Fonts.INTER_MEDIUM);
+        percentOn = MathUtils.clamp(MathUtils.easeOut(percentOn, toggled ? 1f : 0f, 5f));
+        if (percentOn == 0f) return;
+        if (percentOn != 1f) {
+            RenderManager.drawImage(vg, Images.CHECKMARK, x, y + 4, 24, 24, new Color(1f, 1f, 1f, percentOn).getRGB());
+        } else {       // performance, that color could cause havoc am I right definitely
+            RenderManager.drawImage(vg, Images.CHECKMARK, x, y + 4, 24, 24);
+        }
+    }
+
+    @Override
+    public int getHeight() {
+        return 32;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigColorElement.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigColorElement.java
new file mode 100644
index 0000000..2c89133
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigColorElement.java
@@ -0,0 +1,115 @@
+package cc.polyfrost.oneconfig.gui.elements.config;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.gui.OneConfigGui;
+import cc.polyfrost.oneconfig.gui.elements.BasicElement;
+import cc.polyfrost.oneconfig.gui.elements.ColorSelector;
+import cc.polyfrost.oneconfig.gui.elements.TextInputField;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+
+import java.awt.*;
+import java.lang.reflect.Field;
+
+public class ConfigColorElement extends BasicOption {
+    private float alpha;
+    private Color color = Color.BLUE;
+    private String hex;
+
+    private final TextInputField hexField = new TextInputField(104, 32, "", false, false);
+    private final TextInputField alphaField = new TextInputField(72, 32, "", false, false);
+    private final BasicElement element = new BasicElement(64, 32, false);
+
+    public ConfigColorElement(Field field, String name, int size) {
+        super(field, name, size);
+        hexField.setCentered(true);
+        alphaField.setCentered(true);
+        alphaField.onlyAcceptNumbers(true);
+        String buf = Integer.toHexString(color.getRGB());
+        hex = "#"+buf.substring(buf.length()-6);
+    }
+
+    @Override
+    public int getHeight() {
+        return 32;
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        RenderManager.drawString(vg, name, x, y + 15, OneConfigConfig.WHITE_90, 18f, Fonts.INTER_MEDIUM);
+        hexField.draw(vg, x + 240, y);
+
+        if (!alphaField.isToggled()) alphaField.setInput(String.format("%.01f", alpha * 100f) + "%");
+        alphaField.setErrored(false);
+        if(alphaField.isToggled()) {
+            try {
+                float input = Float.parseFloat(alphaField.getInput());
+                if (input < 0f) {
+                    alphaField.setErrored(true);
+                    input = 100f;
+                }
+                if (input > 100f) {
+                    alphaField.setErrored(true);
+                    input = 100f;
+                }
+                alpha = input / 100f;
+            } catch (NumberFormatException e) {
+                alphaField.setErrored(true);
+            }
+        }
+        alphaField.draw(vg, x + 352, y);
+
+
+
+        if (!hexField.isToggled()) hexField.setInput(hex);
+        hexField.setErrored(false);
+        if(hexField.isToggled()) {
+            try {
+                color = HexToColor(hexField.getInput());
+                String buf = Integer.toHexString(color.getRGB());
+                hex = "#"+buf.substring(buf.length()-6);
+            } catch (NumberFormatException e) {
+                hexField.setErrored(true);
+            }
+        }
+        hexField.draw(vg, x + 352, y);
+
+        element.update(x + 432, y);
+        RenderManager.drawRoundedRect(vg, x + 432, y, 64, 32, OneConfigConfig.GRAY_300, 12f);
+        RenderManager.drawImage(vg, Images.COLOR_BASE, x + 948, y + 4, 56, 24, color.getRGB());
+        if(element.isClicked() && !element.isToggled()) {
+            OneConfigGui.INSTANCE.initColorSelector(new ColorSelector(color, InputUtils.mouseX(), InputUtils.mouseY()));
+        }
+        if(element.isToggled() && element.isClicked()) {
+            color = OneConfigGui.INSTANCE.closeColorSelector();
+            alpha = color.getAlpha() / 255f;
+            String buf = Integer.toHexString(color.getRGB());
+            hex = "#"+buf.substring(buf.length()-6);
+        }
+
+    }
+
+    // thanks stack overflow
+    public static Color HexToColor(String hex) throws NumberFormatException {
+        hex = hex.replace("#", "");
+        switch (hex.length()) {
+            case 6:
+                return new Color(
+                        Integer.valueOf(hex.substring(0, 2), 16),
+                        Integer.valueOf(hex.substring(2, 4), 16),
+                        Integer.valueOf(hex.substring(4, 6), 16));
+            case 8:
+                return new Color(
+                        Integer.valueOf(hex.substring(0, 2), 16),
+                        Integer.valueOf(hex.substring(2, 4), 16),
+                        Integer.valueOf(hex.substring(4, 6), 16),
+                        Integer.valueOf(hex.substring(6, 8), 16));
+        }
+        throw new NumberFormatException("Invalid hex string: " + hex);
+    }
+
+
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigDropdown.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigDropdown.java
new file mode 100644
index 0000000..c867409
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigDropdown.java
@@ -0,0 +1,167 @@
+package cc.polyfrost.oneconfig.gui.elements.config;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.ColorUtils;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import org.lwjgl.input.Mouse;
+import org.lwjgl.nanovg.NanoVG;
+
+import java.awt.*;
+import java.lang.reflect.Field;
+import java.util.Arrays;
+
+public class ConfigDropdown extends BasicOption { // TODO: chose where dividers are somehow idfk please send help
+    private final String[] options;
+    private int backgroundColor = OneConfigConfig.GRAY_500;
+    private boolean opened = false;
+    private int[] dividers;
+
+    public ConfigDropdown(Field field, String name, int size, String[] options, int [] dividers) {
+        super(field, name, size);
+        this.options = options;
+        this.dividers = dividers;
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        RenderManager.drawString(vg, name, x, y + 16, OneConfigConfig.WHITE_90, 14f, Fonts.INTER_MEDIUM);
+
+        boolean hovered;
+        if (size == 1) hovered = InputUtils.isAreaHovered(x + 224, y, 256, 32);
+        else hovered = InputUtils.isAreaHovered(x + 352, y, 640, 32);
+
+        if (hovered && InputUtils.isClicked() || opened && InputUtils.isClicked() &&
+                (size == 1 && !InputUtils.isAreaHovered(x + 224, y + 40, 256, options.length * 32 + 4) ||
+                        size == 2 && !InputUtils.isAreaHovered(x + 352, y + 40, 640, options.length * 32 + 4)))
+            opened = !opened;
+        if (opened) return;
+
+        backgroundColor = ColorUtils.smoothColor(backgroundColor, OneConfigConfig.GRAY_500, OneConfigConfig.GRAY_400, hovered, 100);
+        int selected = 0;
+        try {
+            selected = (int) get();
+        } catch (IllegalAccessException ignored) {
+        }
+
+        if (hovered && Mouse.isButtonDown(0)) NanoVG.nvgGlobalAlpha(vg, 0.8f);
+        if (size == 1) {
+            RenderManager.drawRoundedRect(vg, x + 224, y, 256, 32, backgroundColor, 12);
+            RenderManager.drawString(vg, options[selected], x + 236, y + 16, OneConfigConfig.WHITE_80, 14f, Fonts.INTER_MEDIUM);
+            RenderManager.drawRoundedRect(vg, x + 452, y + 4, 24, 24, OneConfigConfig.BLUE_600, 8);
+            RenderManager.drawImage(vg, Images.DROPDOWN_ARROW, x + 459, y + 8, 10, 6);
+            NanoVG.nvgTranslate(vg, x + 469, y + 24);
+        } else {
+            RenderManager.drawRoundedRect(vg, x + 352, y, 640, 32, backgroundColor, 12);
+            RenderManager.drawString(vg, options[selected], x + 364, y + 16, OneConfigConfig.WHITE_80, 14f, Fonts.INTER_MEDIUM);
+            RenderManager.drawRoundedRect(vg, x + 964, y + 4, 24, 24, OneConfigConfig.BLUE_600, 8);
+            RenderManager.drawImage(vg, Images.DROPDOWN_ARROW, x + 971, y + 8, 10, 6);
+            NanoVG.nvgTranslate(vg, x + 981, y + 24);
+        }
+        NanoVG.nvgRotate(vg, (float) Math.toRadians(180));
+        RenderManager.drawImage(vg, Images.DROPDOWN_ARROW, 0, 0, 10, 6);
+        NanoVG.nvgResetTransform(vg);
+        NanoVG.nvgGlobalAlpha(vg, 1f);
+    }
+
+    @Override
+    public void drawLast(long vg, int x, int y) {
+        if (!opened) return;
+
+        boolean hovered;
+        if (size == 1) hovered = InputUtils.isAreaHovered(x + 224, y, 256, 32);
+        else hovered = InputUtils.isAreaHovered(x + 352, y, 640, 32);
+
+        backgroundColor = ColorUtils.smoothColor(backgroundColor, OneConfigConfig.BLUE_800, OneConfigConfig.BLUE_700, hovered, 100);
+        int selected = 0;
+        try {
+            selected = (int) get();
+        } catch (IllegalAccessException ignored) {
+        }
+
+        if (hovered && Mouse.isButtonDown(0)) NanoVG.nvgGlobalAlpha(vg, 0.8f);
+        if (size == 1) {
+            RenderManager.drawRoundedRect(vg, x + 224, y, 256, 32, backgroundColor, 12);
+            RenderManager.drawString(vg, options[selected], x + 236, y + 16, OneConfigConfig.WHITE_80, 14f, Fonts.INTER_MEDIUM);
+
+            NanoVG.nvgGlobalAlpha(vg, 1f);
+            RenderManager.drawRoundedRect(vg, x + 224, y + 40, 256, options.length * 32 + 4, OneConfigConfig.GRAY_700, 12);
+            RenderManager.drawHollowRoundRect(vg, x + 224, y + 40, 256, options.length * 32 + 4, new Color(204, 204, 204, 77).getRGB(), 8, 1);
+            int optionY = y + 56;
+            for (String option : options) {
+                int color = OneConfigConfig.WHITE_80;
+                boolean optionHovered = InputUtils.isAreaHovered(x + 224, optionY - 16, 252, 32);
+                if (optionHovered && Mouse.isButtonDown(0)) {
+                    RenderManager.drawRoundedRect(vg, x + 228, optionY - 12, 248, 28, OneConfigConfig.BLUE_700_80, 8);
+                } else if (optionHovered) {
+                    RenderManager.drawRoundedRect(vg, x + 228, optionY - 12, 248, 28, OneConfigConfig.BLUE_700, 8);
+                    color = OneConfigConfig.WHITE;
+                }
+                if (optionHovered && InputUtils.isClicked()) {
+                    try {
+                        set(Arrays.asList(options).indexOf(option));
+                    } catch (IllegalAccessException ignored) {
+                    }
+                    opened = false;
+                }
+
+                RenderManager.drawString(vg, option, x + 240, optionY + 4, color, 14, Fonts.INTER_MEDIUM);
+                if (!options[options.length - 1].equals(option))
+                    RenderManager.drawLine(vg, x + 232, optionY + 18, x + 472, optionY + 18, 1, new Color(204, 204, 204, 77).getRGB());
+                optionY += 32;
+            }
+
+            if (hovered && Mouse.isButtonDown(0)) NanoVG.nvgGlobalAlpha(vg, 0.8f);
+            RenderManager.drawRoundedRect(vg, x + 452, y + 4, 24, 24, OneConfigConfig.BLUE_600, 8);
+            RenderManager.drawImage(vg, Images.DROPDOWN_ARROW, x + 459, y + 8, 10, 6);
+            NanoVG.nvgTranslate(vg, x + 469, y + 24);
+        } else {
+            RenderManager.drawRoundedRect(vg, x + 352, y, 640, 32, backgroundColor, 12);
+            RenderManager.drawString(vg, options[selected], x + 364, y + 16, OneConfigConfig.WHITE_80, 14f, Fonts.INTER_MEDIUM);
+
+            RenderManager.drawRoundedRect(vg, x + 352, y + 40, 640, options.length * 32 + 4, OneConfigConfig.GRAY_700, 12);
+            RenderManager.drawHollowRoundRect(vg, x + 352, y + 40, 640, options.length * 32 + 4, new Color(204, 204, 204, 77).getRGB(), 8, 1);
+            int optionY = y + 56;
+            for (String option : options) {
+                int color = OneConfigConfig.WHITE_80;
+                boolean optionHovered = InputUtils.isAreaHovered(x + 352, optionY - 16, 640, 32);
+                if (optionHovered && Mouse.isButtonDown(0)) {
+                    RenderManager.drawRoundedRect(vg, x + 356, optionY - 12, 632, 28, OneConfigConfig.BLUE_700_80, 8);
+                } else if (optionHovered) {
+                    RenderManager.drawRoundedRect(vg, x + 356, optionY - 12, 632, 28, OneConfigConfig.BLUE_700, 8);
+                    color = OneConfigConfig.WHITE;
+                }
+
+                RenderManager.drawString(vg, option, x + 368, optionY + 4, color, 14, Fonts.INTER_MEDIUM);
+                if (!options[options.length - 1].equals(option))
+                    RenderManager.drawLine(vg, x + 360, optionY + 18, x + 984, optionY + 18, 1, new Color(204, 204, 204, 77).getRGB());
+
+                if (optionHovered && InputUtils.isClicked()) {
+                    try {
+                        set(Arrays.asList(options).indexOf(option));
+                    } catch (IllegalAccessException ignored) {
+                    }
+                    opened = false;
+                }
+                optionY += 32;
+            }
+
+            if (hovered && Mouse.isButtonDown(0)) NanoVG.nvgGlobalAlpha(vg, 0.8f);
+            RenderManager.drawRoundedRect(vg, x + 964, y + 4, 24, 24, OneConfigConfig.BLUE_600, 8);
+            RenderManager.drawImage(vg, Images.DROPDOWN_ARROW, x + 971, y + 8, 10, 6);
+            NanoVG.nvgTranslate(vg, x + 981, y + 24);
+        }
+        NanoVG.nvgRotate(vg, (float) Math.toRadians(180));
+        RenderManager.drawImage(vg, Images.DROPDOWN_ARROW, 0, 0, 10, 6);
+        NanoVG.nvgResetTransform(vg);
+        NanoVG.nvgGlobalAlpha(vg, 1f);
+    }
+
+    @Override
+    public int getHeight() {
+        return 32;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigDualOption.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigDualOption.java
new file mode 100644
index 0000000..ed908b6
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigDualOption.java
@@ -0,0 +1,53 @@
+package cc.polyfrost.oneconfig.gui.elements.config;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import cc.polyfrost.oneconfig.utils.MathUtils;
+
+import java.lang.reflect.Field;
+
+public class ConfigDualOption extends BasicOption {
+    private float percentMove = 0f;
+    private final String left, right;
+
+    public ConfigDualOption(Field field, String name, int size, String[] options) {
+        super(field, name, size);
+        this.left = options[0];
+        this.right = options[1];
+
+    }
+
+    @Override
+    public int getHeight() {
+        return 32;
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        boolean toggled = false;
+        try {
+            toggled = (boolean) get();
+        } catch (IllegalAccessException ignored) {
+        }
+        RenderManager.drawString(vg, name, x, y + 16, OneConfigConfig.WHITE_90, 14f, Fonts.INTER_MEDIUM);
+        RenderManager.drawRoundedRect(vg, x + 226, y, 256, 32, OneConfigConfig.GRAY_500, 12f);
+        int x1 = (int) (x + 228 + (percentMove * 128));
+        RenderManager.drawRoundedRect(vg, x1, y + 2, 124, 28, OneConfigConfig.BLUE_600, 10f);
+        RenderManager.drawString(vg, left, x + 290 - RenderManager.getTextWidth(vg, left, 12f, Fonts.INTER_MEDIUM) / 2, y + 17, OneConfigConfig.WHITE_90, 12f, Fonts.INTER_MEDIUM);
+        RenderManager.drawString(vg, right, x + 418 - RenderManager.getTextWidth(vg, right, 12f, Fonts.INTER_MEDIUM) / 2, y + 17, OneConfigConfig.WHITE_90, 12f, Fonts.INTER_MEDIUM);
+
+        if (InputUtils.isAreaClicked(x + 226, y, 256, 32)) {
+            toggled = !toggled;
+            try {
+                set(toggled);
+            } catch (IllegalAccessException e) {
+                System.err.println("failed to write config value: class=" + this + " fieldWatching=" + field + " valueWrite=" + toggled);
+                e.printStackTrace();
+            }
+        }
+        percentMove = MathUtils.clamp(MathUtils.easeOut(percentMove, toggled ? 1f : 0f, 10));
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigPageButton.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigPageButton.java
new file mode 100644
index 0000000..81e1dd0
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigPageButton.java
@@ -0,0 +1,57 @@
+package cc.polyfrost.oneconfig.gui.elements.config;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.data.OptionPage;
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.gui.OneConfigGui;
+import cc.polyfrost.oneconfig.gui.pages.ModConfigPage;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.ColorUtils;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import org.lwjgl.input.Mouse;
+import org.lwjgl.nanovg.NanoVG;
+
+import java.lang.reflect.Field;
+
+public class ConfigPageButton extends BasicOption {
+    public final OptionPage page;
+    public final String description;
+    private int backgroundColor = OneConfigConfig.GRAY_500;
+
+    public ConfigPageButton(Field field, String name, String description, OptionPage page) {
+        super(field, name, 2);
+        this.description = description;
+        this.page = page;
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        int height = description.equals("") ? 64 : 96;
+        boolean hovered = InputUtils.isAreaHovered(x - 2, y, 1024, height);
+        boolean clicked = InputUtils.isAreaClicked(x - 2, y, 1024, height);
+        backgroundColor = ColorUtils.smoothColor(backgroundColor, OneConfigConfig.GRAY_500, OneConfigConfig.GRAY_400, hovered, 100);
+
+        if (hovered && Mouse.isButtonDown(0)) NanoVG.nvgGlobalAlpha(vg, 0.8f);
+
+        RenderManager.drawRoundedRect(vg, x - 16, y, 1024, height, backgroundColor, 20);
+        RenderManager.drawString(vg, name, x + 10, y + 32, OneConfigConfig.WHITE_90, 24, Fonts.INTER_MEDIUM);
+        if (!description.equals(""))
+            RenderManager.drawString(vg, name, x + 10, y + 70, OneConfigConfig.WHITE_90, 14, Fonts.INTER_MEDIUM);
+        RenderManager.drawImage(vg, Images.CHEVRON_ARROW, x + 981f, y + (description.equals("") ? 20f : 36f), 13, 22);
+
+        if (clicked) OneConfigGui.INSTANCE.openPage(new ModConfigPage(page));
+        NanoVG.nvgGlobalAlpha(vg, 1f);
+    }
+
+    @Override
+    public int getHeight() {
+        return description.equals("") ? 64 : 96;
+    }
+
+    @Override
+    public boolean hasHalfSize() {
+        return false;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigSlider.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigSlider.java
new file mode 100644
index 0000000..69cb887
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigSlider.java
@@ -0,0 +1,184 @@
+package cc.polyfrost.oneconfig.gui.elements.config;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.ColorUtils;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import cc.polyfrost.oneconfig.utils.MathUtils;
+import cc.polyfrost.oneconfig.gui.elements.BasicElement;
+import cc.polyfrost.oneconfig.gui.elements.TextInputField;
+import org.lwjgl.input.Mouse;
+import org.lwjgl.nanovg.NanoVG;
+
+import java.lang.reflect.Field;
+
+public class ConfigSlider extends BasicOption {
+    private final BasicElement slideYBoi = new BasicElement(24, 24, false);
+    private final TextInputField inputField = new TextInputField(84, 24, "", false, false);
+    private final BasicElement upArrow = new BasicElement(12, 14, false);
+    private final BasicElement downArrow = new BasicElement(12, 14, false);
+    private final float min, max;
+    private int steps = 0;
+    private int colorTop, colorBottom;
+    private boolean isFloat = true;
+    private Float prevAsNum = null;
+    private final int step;
+
+    public ConfigSlider(Field field, String name, int size, float min, float max, int step) {
+        super(field, name, size);
+        this.min = min;
+        this.max = max;
+        this.step = step;
+        if (step > 0) {
+            steps = (int) ((max - min) / step);
+        }
+        slideYBoi.setCustomHitbox(28, 8);
+        inputField.onlyAcceptNumbers(true);
+        inputField.setCentered(true);
+    }
+
+    @Override
+    public int getHeight() {
+        return 32;
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        float value = 0;
+        try {
+            Object object = get();
+            if (object instanceof Integer)
+                isFloat = false;
+            if (isFloat) value = (float) object;
+            else value = (int) object;
+            if (prevAsNum == null) prevAsNum = value;
+        } catch (IllegalAccessException ignored) {
+        }
+        float current = MathUtils.clamp((value - min) / (max - min));
+
+        float currentAsNum = current * (max - min) + min;
+        if (!inputField.isToggled()) inputField.setInput(String.format("%.01f", currentAsNum));
+        inputField.setErrored(false);
+        if (inputField.isToggled()) {
+            try {
+                float input = Float.parseFloat(inputField.getInput());
+                if (input < min) {
+                    inputField.setErrored(true);
+                    input = min;
+                }
+                if (input > max) {
+                    inputField.setErrored(true);
+                    input = max;
+                }
+                if (steps == 0) {
+                    current = MathUtils.clamp((input - min) / (max - min));
+                } else {
+                    current = toNearestStep(MathUtils.clamp((input - min) / (max - min)));
+                }
+            } catch (NumberFormatException ignored) {
+                inputField.setErrored(true);
+            }
+        }
+        inputField.draw(vg, x + 892, y);
+
+        RenderManager.drawString(vg, name, x, y + 17, OneConfigConfig.WHITE_90, 14f, Fonts.INTER_MEDIUM);
+        RenderManager.drawRoundedRect(vg, x + 352, y + 13, 512, 6, OneConfigConfig.GRAY_300, 4f);
+        slideYBoi.update(x + 340 + (int) (current * 512), y + 4);
+        if (steps != 0) {
+            for (float i = 0; i <= 1.005f; i += 1f / steps) {         // sometimes it's just more than 1, so we add a little
+                int color = current > i ? OneConfigConfig.BLUE_500 : OneConfigConfig.GRAY_300;
+                RenderManager.drawRoundedRect(vg, x + 351 + (int) (i * 512), y + 9, 4, 14, color, 2f);
+            }
+        }
+        RenderManager.drawRoundedRect(vg, x + 352, y + 13, (int) (current * 512), 6, OneConfigConfig.BLUE_500, 4f);
+        if (steps == 0)
+            RenderManager.drawRoundedRect(vg, x + 340 + (int) (current * 512), y + 4, 24, 24, OneConfigConfig.WHITE, 12f);
+        else
+            RenderManager.drawRoundedRect(vg, x + 346 + (int) (current * 512), y + 4, 8, 24, OneConfigConfig.WHITE, 4f);
+
+        int mouseX = InputUtils.mouseX() - (x + 352);
+        if (InputUtils.isAreaClicked(x + 332, y + 9, 542, 10) && !slideYBoi.isHovered()) {
+            if (steps == 0) {
+                current = MathUtils.clamp(mouseX / 512f);
+            } else current = MathUtils.clamp(toNearestStep(mouseX / 512f));
+        }
+        if (slideYBoi.isHovered() && Mouse.isButtonDown(0)) {
+            if (steps == 0) {
+                current = MathUtils.clamp(mouseX / 512f);
+            } else current = MathUtils.clamp(toNearestStep(mouseX / 512f));
+        }
+        currentAsNum = current * (max - min) + min;
+
+        RenderManager.drawRoundedRect(vg, x + 980, y, 12, 28, OneConfigConfig.GRAY_500, 6f);
+        upArrow.update(x + 980, y);
+        downArrow.update(x + 980, y + 14);
+        if (current == 1f) colorTop = OneConfigConfig.GRAY_500_80;
+        if (current == 0f) colorBottom = OneConfigConfig.GRAY_500_80;
+        colorTop = ColorUtils.getColor(colorTop, 2, upArrow.isHovered(), upArrow.isClicked());
+        colorBottom = ColorUtils.getColor(colorBottom, 2, downArrow.isHovered(), downArrow.isClicked());
+        if (upArrow.isClicked()) {
+            currentAsNum += step == 0 ? 1 : step;
+            current = MathUtils.clamp((currentAsNum - min) / (max - min));
+        }
+        if (downArrow.isClicked()) {
+            currentAsNum -= step == 0 ? 1 : step;
+            current = MathUtils.clamp((currentAsNum - min) / (max - min));
+        }
+        if (current == 1f) NanoVG.nvgGlobalAlpha(vg, 0.3f);
+        RenderManager.drawRoundedRectVaried(vg, x + 980, y, 12, 14, colorTop, 6f, 6f, 0f, 0f);
+        RenderManager.drawImage(vg, Images.UP_ARROW, x + 981, y + 2, 10, 10);
+        if (current == 1f) NanoVG.nvgGlobalAlpha(vg, 1f);
+
+        if (current == 0f) NanoVG.nvgGlobalAlpha(vg, 0.3f);
+        RenderManager.drawRoundedRectVaried(vg, x + 980, y + 14, 12, 14, colorBottom, 0f, 0f, 6f, 6f);
+        NanoVG.nvgTranslate(vg, x + 991, y + 25);
+        NanoVG.nvgRotate(vg, (float) Math.toRadians(180));
+        RenderManager.drawImage(vg, Images.UP_ARROW, 0, 0, 10, 10);
+        NanoVG.nvgResetTransform(vg);
+        NanoVG.nvgGlobalAlpha(vg, 1f);
+
+        if (currentAsNum != prevAsNum) {
+            try {
+                if (isFloat) set(currentAsNum);
+                else set(Math.round(currentAsNum));
+            } catch (IllegalAccessException ignored) {
+            }
+            prevAsNum = currentAsNum;
+        }
+    }
+
+    private float toNearestStep(float input) {
+        float stepF = 1f / steps;
+        float stepAbove = 1f, stepBelow = 0f;
+        for (float a = 0f; a <= 1f; a += stepF) {
+            if (a > input) {
+                stepAbove = a;
+                break;
+            }
+        }
+        for (float a = 1f; a >= 0f; a -= stepF) {
+            if (a <= input) {
+                stepBelow = a;
+                break;
+            }
+        }
+        if (stepAbove - input > input - stepBelow) {
+            return stepBelow;
+        } else {
+            return stepAbove;
+        }
+    }
+
+    @Override
+    public boolean hasHalfSize() {
+        return false;
+    }
+
+    @Override
+    public void keyTyped(char key, int keyCode) {
+        inputField.keyTyped(key, keyCode);
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigSwitch.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigSwitch.java
new file mode 100644
index 0000000..01e2f14
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigSwitch.java
@@ -0,0 +1,54 @@
+package cc.polyfrost.oneconfig.gui.elements.config;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.utils.ColorUtils;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import cc.polyfrost.oneconfig.utils.MathUtils;
+
+import java.lang.reflect.Field;
+
+public class ConfigSwitch extends BasicOption {
+    private int color;
+    private float percentOn = 0f;
+
+    public ConfigSwitch(Field field, String name, int size) {
+        super(field, name, size);
+
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        boolean toggled = false;
+        try {
+            toggled = (boolean) get();
+        } catch (IllegalAccessException ignored) {
+        }
+        int x2 = x + 3 + (int) (percentOn * 18);
+        color = ColorUtils.smoothColor(color, OneConfigConfig.GRAY_400, OneConfigConfig.BLUE_500, toggled, 20f);
+        if (color == -15123643) {
+            color = OneConfigConfig.GRAY_400;
+        }
+        RenderManager.drawRoundedRect(vg, x, y + 4, 42, 24, color, 12f);
+        RenderManager.drawRoundedRect(vg, x2, y + 7, 18, 18, OneConfigConfig.WHITE, 9f);
+        RenderManager.drawString(vg, name, x + 50, y + 17, OneConfigConfig.WHITE, 14f, Fonts.INTER_MEDIUM);
+
+        if (InputUtils.isAreaClicked(x, y, 42, 32)) {
+            toggled = !toggled;
+            try {
+                set(toggled);
+            } catch (IllegalAccessException e) {
+                System.err.println("failed to write config value: class=" + this + " fieldWatching=" + field + " valueWrite=" + toggled);
+                e.printStackTrace();
+            }
+        }
+        percentOn = MathUtils.clamp(MathUtils.easeOut(percentOn, toggled ? 1f : 0f, 10));
+    }
+
+    @Override
+    public int getHeight() {
+        return 32;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigTextBox.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigTextBox.java
new file mode 100644
index 0000000..94ed127
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigTextBox.java
@@ -0,0 +1,61 @@
+package cc.polyfrost.oneconfig.gui.elements.config;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import cc.polyfrost.oneconfig.gui.elements.TextInputField;
+
+import java.awt.*;
+import java.lang.reflect.Field;
+
+public class ConfigTextBox extends BasicOption {
+    private final boolean secure;
+    private final boolean multiLine;
+    private final TextInputField textField;
+
+    public ConfigTextBox(Field field, String name, int size, String placeholder, boolean secure, boolean multiLine) {
+        super(field, name, size);
+        this.secure = secure;
+        this.multiLine = multiLine;
+        this.textField = new TextInputField(size == 1 && hasHalfSize() ? 256 : 640, multiLine ? 64 : 32, placeholder, multiLine, secure);
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        RenderManager.drawString(vg, name, x, y + 16, OneConfigConfig.WHITE_90, 14, Fonts.INTER_MEDIUM);
+
+        try {
+            String value = (String) get();
+            textField.setInput(value == null ? "" : value);
+        } catch (IllegalAccessException ignored) {
+        }
+
+        textField.draw(vg, x + (size == 1 && hasHalfSize() ? 224 : 352), y);
+
+        if (secure)
+            RenderManager.drawImage(vg, Images.HIDE_EYE, x + 967, y + 7, 18, 18, new Color(196, 196, 196).getRGB());
+        if (secure && InputUtils.isAreaClicked(x + 967, y + 7, 18, 18)) textField.setPassword(!textField.getPassword());
+    }
+
+    @Override
+    public void keyTyped(char key, int keyCode) {
+        textField.keyTyped(key, keyCode);
+        try {
+            set(textField.getInput());
+        } catch (IllegalAccessException ignored) {
+        }
+    }
+
+    @Override
+    public int getHeight() {
+        return multiLine ? 64 : 32;
+    }
+
+    @Override
+    public boolean hasHalfSize() {
+        return !secure && !multiLine;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigUniSelector.java b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigUniSelector.java
new file mode 100644
index 0000000..0623f1e
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/elements/config/ConfigUniSelector.java
@@ -0,0 +1,78 @@
+package cc.polyfrost.oneconfig.gui.elements.config;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.Scissor;
+import cc.polyfrost.oneconfig.lwjgl.ScissorManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import cc.polyfrost.oneconfig.utils.InputUtils;
+import cc.polyfrost.oneconfig.utils.MathUtils;
+import org.lwjgl.nanovg.NanoVG;
+
+import java.lang.reflect.Field;
+
+public class ConfigUniSelector extends BasicOption {
+    private final String[] options;
+    private float percentMove = 1f;
+    private int previous = -1;
+
+    public ConfigUniSelector(Field field, String name, int size, String[] options) {
+        super(field, name, size);
+        this.options = options;
+    }
+
+    @Override
+    public int getHeight() {
+        return 32;
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        int selected = 0;
+        try {
+            selected = (int) get();
+        } catch (IllegalAccessException ignored) {
+        }
+        String option = options[selected] + " " + (selected + 1) + "/" + options.length;
+        RenderManager.drawString(vg, name, x, y + 16, OneConfigConfig.WHITE_90, 14f, Fonts.INTER_MEDIUM);
+
+        Scissor scissor = ScissorManager.scissor(vg, x + 256, y, 192, 32);
+        if (previous == -1) {
+            RenderManager.drawString(vg, option, x + 352 - RenderManager.getTextWidth(vg, option, 12f, Fonts.INTER_MEDIUM) / 2f, y + 15, OneConfigConfig.WHITE_90, 12f, Fonts.INTER_MEDIUM);
+        } else {
+            String prevOption = options[previous] + " " + (previous + 1) + "/" + options.length;
+            RenderManager.drawString(vg, selected < previous ? prevOption : option, x + 352 - RenderManager.getTextWidth(vg, selected < previous ? prevOption : option, 12f, Fonts.INTER_MEDIUM) / 2f + 192 * percentMove, y + 15, OneConfigConfig.WHITE_90, 12f, Fonts.INTER_MEDIUM);
+            RenderManager.drawString(vg, selected < previous ? option : prevOption, x + 352 - RenderManager.getTextWidth(vg, selected < previous ? option : prevOption, 12f, Fonts.INTER_MEDIUM) / 2f - 192 * (1 - percentMove), y + 15, OneConfigConfig.WHITE_90, 12f, Fonts.INTER_MEDIUM);
+        }
+        ScissorManager.resetScissor(vg, scissor);
+
+        // actual coordinates: 240, 7
+        NanoVG.nvgTranslate(vg, x + 248, y + 21);
+        NanoVG.nvgRotate(vg, (float) Math.toRadians(180));
+        RenderManager.drawImage(vg, Images.CHEVRON_ARROW, 0, 0, 8, 14, OneConfigConfig.BLUE_400);
+        NanoVG.nvgResetTransform(vg);
+        RenderManager.drawImage(vg, Images.CHEVRON_ARROW, x + 456, y + 7, 8, 14, OneConfigConfig.BLUE_400);
+
+        if (InputUtils.isAreaClicked(x + 235, y + 5, 18, 18) && selected > 0) {
+            previous = selected;
+            selected -= 1;
+            try {
+                set(selected);
+            } catch (IllegalAccessException ignored) {
+            }
+            percentMove = selected < previous ? 0f : 1f;
+        } else if (InputUtils.isAreaClicked(x + 451, y + 5, 18, 18) && selected < options.length - 1) {
+            previous = selected;
+            selected += 1;
+            try {
+                set(selected);
+            } catch (IllegalAccessException ignored) {
+            }
+            percentMove = selected < previous ? 0f : 1f;
+        }
+        if (previous != -1) percentMove = MathUtils.easeOut(percentMove, selected < previous ? 1f : 0f, 10);
+        if ((selected < previous ? 1f : 0f) == percentMove) previous = -1;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/pages/HomePage.java b/src/main/java/cc/polyfrost/oneconfig/gui/pages/HomePage.java
new file mode 100644
index 0000000..83e095c
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/pages/HomePage.java
@@ -0,0 +1,28 @@
+package cc.polyfrost.oneconfig.gui.pages;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.gui.elements.BasicButton;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+
+public class HomePage extends Page {
+    private final BasicButton btn = new BasicButton(184, 36, "Socials", Images.SHARE, Images.LAUNCH, 1, BasicButton.ALIGNMENT_CENTER);
+
+    public HomePage() {
+        super("Home Dashboard");
+    }
+
+    public void draw(long vg, int x, int y) {
+        RenderManager.drawRoundedRect(vg, x, y, 184, 36, -1, 12f);
+        RenderManager.drawString(vg, "This is a cool string to test pages", x + 32, y + 72, -1, 36f, Fonts.INTER_BOLD);
+        RenderManager.drawRoundedRect(vg, x + 350, y + 310, 300, 200, OneConfigConfig.BLUE_600, 14f);
+        //RenderManager.drawRoundedRect(vg);
+        btn.draw(vg, x + 432, y + 658);
+    }
+
+    @Override
+    public boolean isBase() {
+        return true;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/pages/ModConfigPage.java b/src/main/java/cc/polyfrost/oneconfig/gui/pages/ModConfigPage.java
new file mode 100644
index 0000000..f335e4d
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/pages/ModConfigPage.java
@@ -0,0 +1,152 @@
+package cc.polyfrost.oneconfig.gui.pages;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.data.OptionPage;
+import cc.polyfrost.oneconfig.config.interfaces.BasicOption;
+import cc.polyfrost.oneconfig.gui.elements.BasicButton;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.gui.elements.config.ConfigPageButton;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+
+import java.util.ArrayList;
+
+public class ModConfigPage extends Page {
+    private final OptionPage page;
+    private final ArrayList<BasicButton> categories = new ArrayList<>();
+    private String selectedCategory;
+
+    public ModConfigPage(OptionPage page) {
+        super(page.name);
+        this.page = page;
+        if (page.categories.size() == 0) return;
+        for (String category : page.categories.keySet()) {
+            selectedCategory = category;
+            break;
+        }
+        if (page.categories.size() < 2) return;
+        for (String category : page.categories.keySet()) {
+            BasicButton button = new BasicButton(0, 32, category, null, null, 0, BasicButton.ALIGNMENT_CENTER, true, () -> switchCategory(category));
+            if (category.equals(selectedCategory)) button.setToggled(true);
+            categories.add(button);
+        }
+    }
+
+    @Override
+    public void draw(long vg, int x, int y) {
+        if (page.categories.size() == 0) return;
+        int optionX = x + 30;
+        int optionY = y + (page.categories.size() == 1 ? 16 : 64);
+
+        // Category buttons
+        int buttonX = x + 16;
+        for (BasicButton button : categories) {
+            if (button.getWidth() == 0)
+                button.setWidth((int) (Math.ceil(RenderManager.getTextWidth(vg, button.getText(), 14f, Fonts.INTER_MEDIUM) / 8f) * 8 + 16));
+            button.draw(vg, buttonX, y + 16);
+            buttonX += button.getWidth() + 16;
+        }
+
+        // Top page buttons
+        for (ConfigPageButton page : page.categories.get(selectedCategory).topPages) {
+            page.draw(vg, optionX, optionY);
+            optionY += page.getHeight() + 16;
+        }
+
+        // Background
+        if (page.categories.get(selectedCategory).subcategories.keySet().size() > 0) {
+            int backgroundSize = 16;
+            for (String subCategory : page.categories.get(selectedCategory).subcategories.keySet()) {
+                backgroundSize += 48;
+                for (int i = 0; i < page.categories.get(selectedCategory).subcategories.get(subCategory).size(); i++) {
+                    BasicOption option = page.categories.get(selectedCategory).subcategories.get(subCategory).get(i);
+                    if (i + 1 < page.categories.get(selectedCategory).subcategories.get(subCategory).size()) {
+                        BasicOption nextOption = page.categories.get(selectedCategory).subcategories.get(subCategory).get(i + 1);
+                        if (option.size == 1 && option.hasHalfSize() && nextOption.size == 1 && nextOption.hasHalfSize()) {
+                            backgroundSize += Math.max(option.getHeight(), nextOption.getHeight()) + 16;
+                            i++;
+                            continue;
+                        }
+                    }
+                    backgroundSize += option.getHeight() + 16;
+                }
+            }
+            RenderManager.drawRoundedRect(vg, x + 14, optionY, 1024, backgroundSize, OneConfigConfig.GRAY_900, 20);
+        }
+
+        // draw options
+        int optionLastY = optionY + 16;
+        if (page.categories.get(selectedCategory).subcategories.keySet().size() > 0) {
+            optionY += 16;
+            for (String subCategory : page.categories.get(selectedCategory).subcategories.keySet()) {
+                RenderManager.drawString(vg, subCategory, optionX, optionY + 16, OneConfigConfig.WHITE_90, 24f, Fonts.INTER_MEDIUM);
+                optionY += 48;
+                for (int i = 0; i < page.categories.get(selectedCategory).subcategories.get(subCategory).size(); i++) {
+                    BasicOption option = page.categories.get(selectedCategory).subcategories.get(subCategory).get(i);
+                    option.draw(vg, optionX, optionY);
+                    if (i + 1 < page.categories.get(selectedCategory).subcategories.get(subCategory).size()) {
+                        BasicOption nextOption = page.categories.get(selectedCategory).subcategories.get(subCategory).get(i + 1);
+                        if (option.size == 1 && option.hasHalfSize() && nextOption.size == 1 && nextOption.hasHalfSize()) {
+                            nextOption.draw(vg, optionX + 512, optionY);
+                            optionY += Math.max(option.getHeight(), nextOption.getHeight()) + 16;
+                            i++;
+                            continue;
+                        }
+                    }
+                    optionY += option.getHeight() + 16;
+                }
+            }
+            optionY += 16;
+        }
+
+        // Bottom page buttons
+        for (ConfigPageButton page : page.categories.get(selectedCategory).bottomPages) {
+            page.draw(vg, optionX, optionY);
+            optionY += page.getHeight() + 16;
+        }
+
+        // Draw last options
+        if (page.categories.get(selectedCategory).subcategories.keySet().size() > 0) {
+            for (String subCategory : page.categories.get(selectedCategory).subcategories.keySet()) {
+                optionLastY += 48;
+                for (int i = 0; i < page.categories.get(selectedCategory).subcategories.get(subCategory).size(); i++) {
+                    BasicOption option = page.categories.get(selectedCategory).subcategories.get(subCategory).get(i);
+                    option.drawLast(vg, optionX, optionLastY);
+                    if (i + 1 < page.categories.get(selectedCategory).subcategories.get(subCategory).size()) {
+                        BasicOption nextOption = page.categories.get(selectedCategory).subcategories.get(subCategory).get(i + 1);
+                        if (option.size == 1 && option.hasHalfSize() && nextOption.size == 1 && nextOption.hasHalfSize()) {
+                            nextOption.drawLast(vg, optionX + 512, optionLastY);
+                            optionLastY += Math.max(option.getHeight(), nextOption.getHeight()) + 16;
+                            i++;
+                            continue;
+                        }
+                    }
+                    optionLastY += option.getHeight() + 16;
+                }
+            }
+        }
+    }
+
+    @Override
+    public void finishUpAndClose() {
+        page.mod.config.save();
+    }
+
+    @Override
+    public void keyTyped(char key, int keyCode) {
+        if (page.categories.size() == 0) return;
+        for (String subCategory : page.categories.get(selectedCategory).subcategories.keySet()) {
+            for (int i = 0; i < page.categories.get(selectedCategory).subcategories.get(subCategory).size(); i++) {
+                page.categories.get(selectedCategory).subcategories.get(subCategory).get(i).keyTyped(key, keyCode);
+            }
+        }
+    }
+
+    public void switchCategory(String newCategory) {
+        if (!page.categories.containsKey(newCategory)) return;
+        selectedCategory = newCategory;
+        for (BasicButton button : categories) {
+            if (button.getText().equals(newCategory)) continue;
+            button.setToggled(false);
+        }
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/pages/ModsPage.java b/src/main/java/cc/polyfrost/oneconfig/gui/pages/ModsPage.java
new file mode 100644
index 0000000..bb9cbd6
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/pages/ModsPage.java
@@ -0,0 +1,76 @@
+package cc.polyfrost.oneconfig.gui.pages;
+
+import cc.polyfrost.oneconfig.OneConfig;
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.config.data.Mod;
+import cc.polyfrost.oneconfig.config.data.ModType;
+import cc.polyfrost.oneconfig.gui.elements.BasicButton;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.gui.elements.ModCard;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class ModsPage extends Page {
+
+    private final List<ModCard> modCards = new ArrayList<>();
+    private final List<BasicButton> modCategories = new ArrayList<>();
+
+    public ModsPage() {
+        super("Mods");
+        for (Mod modData : OneConfig.loadedMods) {
+            modCards.add(new ModCard(modData, null, true, false, false));
+        }
+        for (ModCard card : modCards) {
+            if (card.isFavorite()) {
+                modCards.remove(card);
+                modCards.add(0, card);
+            }
+        }
+        modCategories.add(new BasicButton(64, 32, "All", null, null, 0, BasicButton.ALIGNMENT_CENTER, true, () -> unselect(0)));
+        modCategories.add(new BasicButton(80, 32, "Combat", null, null, 0, BasicButton.ALIGNMENT_CENTER, true, () -> unselect(1)));
+        modCategories.add(new BasicButton(64, 32, "HUD", null, null, 0, BasicButton.ALIGNMENT_CENTER, true, () -> unselect(2)));
+        modCategories.add(new BasicButton(104, 32, "Utility & QoL", null, null, 0, BasicButton.ALIGNMENT_CENTER, true, () -> unselect(3)));
+        modCategories.add(new BasicButton(80, 32, "Hypixel", null, null, 0, BasicButton.ALIGNMENT_CENTER, true, () -> unselect(4)));
+        modCategories.add(new BasicButton(80, 32, "Skyblock", null, null, 0, BasicButton.ALIGNMENT_CENTER, true, () -> unselect(5)));
+        modCategories.add(new BasicButton(88, 32, "3rd Party", null, null, 0, BasicButton.ALIGNMENT_CENTER, true, () -> unselect(6)));
+        modCategories.get(0).setToggled(true);
+    }
+
+    public void draw(long vg, int x, int y) {
+        int iXCat = x + 16;
+        for (BasicButton btn : modCategories) {
+            btn.draw(vg, iXCat, y + 16);
+            iXCat += btn.getWidth() + 8;
+        }
+
+        int iX = x + 16;
+        int iY = y + 72;
+        for (ModCard modCard : modCards) {
+            if (modCategories.get(0).isToggled() || (modCategories.get(1).isToggled() && modCard.getModData().modType == ModType.PVP) || (modCategories.get(2).isToggled() && modCard.getModData().modType == ModType.HUD) || (modCategories.get(3).isToggled() && modCard.getModData().modType == ModType.UTIL_QOL) || (modCategories.get(4).isToggled() && modCard.getModData().modType == ModType.HYPIXEL) || (modCategories.get(5).isToggled() && modCard.getModData().modType == ModType.SKYBLOCK) || (modCategories.get(6).isToggled() && modCard.getModData().modType == ModType.OTHER)) {
+                modCard.draw(vg, iX, iY);
+                iX += 260;
+                if (iX > x + 796) {
+                    iX = x + 16;
+                    iY += 135;
+                }
+            }
+        }
+        if (iX == x + 16 && iY == y + 72) {
+            RenderManager.drawString(vg, "Looks like there is nothing here. Try another category?", x + 16, y + 72, OneConfigConfig.WHITE_60, 14f, Fonts.INTER_MEDIUM);
+        }
+    }
+
+    private void unselect(int index) {
+        for (int i = 0; i < modCategories.size(); i++) {
+            if (index == i) continue;
+            modCategories.get(i).setToggled(false);
+        }
+    }
+
+    @Override
+    public boolean isBase() {
+        return true;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/gui/pages/Page.java b/src/main/java/cc/polyfrost/oneconfig/gui/pages/Page.java
new file mode 100644
index 0000000..ba31fa8
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/gui/pages/Page.java
@@ -0,0 +1,31 @@
+package cc.polyfrost.oneconfig.gui.pages;
+
+/**
+ * A page is a 1056x728 rectangle of the GUI. It is the main content of the gui, and can be switched back and forwards easily. All the content of OneConfig is in a page.
+ */
+public abstract class Page {
+    protected final String title;
+
+    Page(String title) {
+        this.title = title;
+    }
+
+    public abstract void draw(long vg, int x, int y);
+
+    public void finishUpAndClose() {
+    }
+
+    public String getTitle() {
+        return title;
+    }
+
+    public void keyTyped(char key, int keyCode) {
+    }
+
+    /**
+     * Overwrite this method and make it return true if you want this to always be the base in breadcrumbs
+     */
+    public boolean isBase() {
+        return false;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/hud/HudCore.java b/src/main/java/cc/polyfrost/oneconfig/hud/HudCore.java
new file mode 100644
index 0000000..072ba70
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/hud/HudCore.java
@@ -0,0 +1,23 @@
+package cc.polyfrost.oneconfig.hud;
+
+import cc.polyfrost.oneconfig.hud.interfaces.BasicHud;
+import net.minecraft.client.Minecraft;
+import net.minecraft.client.gui.ScaledResolution;
+import net.minecraftforge.client.event.RenderGameOverlayEvent;
+import net.minecraftforge.fml.common.eventhandler.SubscribeEvent;
+
+import java.util.ArrayList;
+
+public class HudCore {
+    public static ArrayList<BasicHud> huds = new ArrayList<>();
+    public static boolean editing = false;
+
+    @SubscribeEvent
+    public void onRender(RenderGameOverlayEvent.Post event) {
+        if (event.type != RenderGameOverlayEvent.ElementType.ALL || editing) return;
+        ScaledResolution sr = new ScaledResolution(Minecraft.getMinecraft());
+        for (BasicHud hud : huds) {
+            hud.drawAll(hud.getXScaled(sr.getScaledWidth()), hud.getYScaled(sr.getScaledHeight()), hud.scale, true);
+        }
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/hud/interfaces/BasicHud.java b/src/main/java/cc/polyfrost/oneconfig/hud/interfaces/BasicHud.java
new file mode 100644
index 0000000..e87b33d
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/hud/interfaces/BasicHud.java
@@ -0,0 +1,111 @@
+package cc.polyfrost.oneconfig.hud.interfaces;
+
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+
+import java.awt.*;
+
+public abstract class BasicHud {
+    public double xUnscaled = 0;
+    public double yUnscaled = 0;
+    public float scale = 1;
+    public int paddingX = 5;
+    public int paddingY = 5;
+    public boolean background = true;
+    public boolean rounded = false;
+    public BasicHud parent;
+    public BasicHud childRight;
+    public BasicHud childBottom;
+
+    public abstract int getWidth(float scale);
+
+    public abstract int getHeight(float scale);
+
+    public abstract void draw(int x, int y, float scale);
+
+    public int getExampleWidth(float scale) {
+        return getWidth(scale);
+    }
+
+    public int getExampleHeight(float scale) {
+        return getHeight(scale);
+    }
+
+    public void drawAll(float x, float y, float scale, boolean background) {
+        if (background) drawBackground(x, y, getTotalWidth(scale), getTotalHeight(scale), scale);
+        draw((int) (x + paddingX * scale / 2f), (int) (y + paddingY * scale / 2f), scale);
+        if (childRight != null)
+            childRight.drawAll((int) x + paddingX * scale / 2f + getWidth(scale), (int) y, childRight.scale, false);
+        if (childBottom != null)
+            childBottom.drawAll((int) x, (int) y + paddingY * scale / 2f + getHeight(scale), childBottom.scale, false);
+    }
+
+    public void drawExampleAll(float x, float y, float scale, boolean background) {
+        if (background) drawBackground(x, y, getTotalExampleWidth(scale), getTotalExampleHeight(scale), scale);
+        drawExample((int) (x + paddingX * scale / 2f), (int) (y + paddingY * scale / 2f), scale);
+        if (childRight != null)
+            childRight.drawExampleAll((int) x + paddingX * scale / 2f + getWidth(scale), (int) y, childRight.scale, false);
+        if (childBottom != null)
+            childBottom.drawExampleAll((int) x, (int) y + paddingY * scale / 2f + getHeight(scale), childBottom.scale, false);
+    }
+
+    public void drawExample(int x, int y, float scale) {
+        draw(x, y, scale);
+    }
+
+    private void drawBackground(float x, float y, float width, float height, float scale) {
+        RenderManager.setupAndDraw(true, (vg) -> RenderManager.drawRoundedRect(vg, x, y, (width + paddingX * scale),
+                (height + paddingY * scale), new Color(0, 0, 0, 120).getRGB(), 2 * scale));
+    }
+
+    public float getXScaled(int screenWidth) {
+        if (parent != null && parent.childRight == this) {
+            return parent.getXScaled(screenWidth) + parent.getWidth(parent.scale) + parent.paddingX * parent.scale / 2f;
+        } else if (parent != null) {
+            return parent.getXScaled(screenWidth);
+        }
+        if (xUnscaled <= 0.5) {
+            return (int) (screenWidth * xUnscaled);
+        }
+        return (float) (screenWidth - (1d - xUnscaled) * screenWidth - (getWidth(scale) + paddingX * scale));
+    }
+
+    public float getYScaled(int screenHeight) {
+        if (parent != null && parent.childBottom == this) {
+            return parent.getYScaled(screenHeight) + parent.getHeight(parent.scale) + parent.paddingY * parent.scale / 2f;
+        } else if (parent != null) {
+            return parent.getYScaled(screenHeight);
+        }
+        if (yUnscaled <= 0.5) {
+            return (int) (screenHeight * yUnscaled);
+        }
+        return (float) (screenHeight - (1d - yUnscaled) * screenHeight - (getHeight(scale) + paddingY * scale));
+    }
+
+    public float getTotalWidth(float scale) {
+        float width = getWidth(scale);
+        if (childRight != null) width += childRight.getTotalWidth(childRight.scale) + paddingY * scale / 2f;
+        if (childBottom != null) width = Math.max(childBottom.getTotalWidth(childBottom.scale), width);
+        return width;
+    }
+
+    public float getTotalHeight(float scale) {
+        float height = getHeight(scale);
+        if (childBottom != null) height += childBottom.getTotalHeight(childBottom.scale) + paddingY * scale / 2f;
+        if (childRight != null) height = Math.max(childRight.getTotalHeight(childRight.scale), height);
+        return height;
+    }
+
+    public float getTotalExampleWidth(float scale) {
+        float width = getExampleWidth(scale);
+        if (childRight != null) width += childRight.getTotalExampleWidth(childRight.scale) + paddingX * scale / 2f;
+        if (childBottom != null) width = Math.max(childBottom.getTotalExampleWidth(childBottom.scale), width);
+        return width;
+    }
+
+    public float getTotalExampleHeight(float scale) {
+        float height = getExampleHeight(scale);
+        if (childBottom != null) height += childBottom.getTotalExampleHeight(childBottom.scale) + paddingY * scale / 2f;
+        if (childRight != null) height = Math.max(childRight.getTotalExampleHeight(childRight.scale), height);
+        return height;
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/cc/polyfrost/oneconfig/hud/interfaces/TextHud.java b/src/main/java/cc/polyfrost/oneconfig/hud/interfaces/TextHud.java
new file mode 100644
index 0000000..0027786
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/hud/interfaces/TextHud.java
@@ -0,0 +1,94 @@
+package cc.polyfrost.oneconfig.hud.interfaces;
+
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import net.minecraft.client.Minecraft;
+import net.minecraft.client.gui.FontRenderer;
+import net.minecraftforge.fml.common.eventhandler.SubscribeEvent;
+import net.minecraftforge.fml.common.gameevent.TickEvent;
+
+import java.util.List;
+
+public class TextHud extends BasicHud {
+    /**
+     * Currently doesn't work because of double extend, will have to be redone somehow (I have no idea how yet)
+     */
+    private final FontRenderer fb = Minecraft.getMinecraft().fontRendererObj;
+    boolean shadow = false;
+    boolean doExample = false;
+    private List<String> cachedLines;
+    private int cachedWidth;
+    private int cachedHeight;
+    private List<String> cachedExampleLines;
+    private int cachedExampleWidth;
+    private int cachedExampleHeight;
+
+    protected List<String> update() {
+        return null;
+    }
+
+    @SubscribeEvent
+    private void onTick(TickEvent.ClientTickEvent event) {
+        if (event.phase != TickEvent.Phase.START) return;
+        cachedLines = update();
+        if (cachedLines != null) {
+            cachedHeight = cachedLines.size() * (fb.FONT_HEIGHT + 3);
+            cachedWidth = 0;
+            for (String line : cachedLines) {
+                int width = fb.getStringWidth(line);
+                if (width > cachedWidth) cachedWidth = width;
+            }
+        }
+        if (doExample) {
+            cachedExampleLines = updateExample();
+            if (cachedExampleLines != null) {
+                cachedExampleHeight = cachedExampleLines.size() * 12;
+                cachedExampleWidth = 0;
+                for (String line : cachedExampleLines) {
+                    int width = fb.getStringWidth(line);
+                    if (width > cachedExampleWidth) cachedExampleWidth = width;
+                }
+            }
+        }
+    }
+
+    protected List<String> updateExample() {
+        return update();
+    }
+
+    @Override
+    public void draw(int x, int y, float scale) {
+        if (cachedLines != null) drawText(cachedLines, x, y, scale);
+    }
+
+    @Override
+    public void drawExample(int x, int y, float scale) {
+        doExample = true;
+        if (cachedExampleLines != null) drawText(cachedExampleLines, x, y, scale);
+    }
+
+    private void drawText(List<String> lines, int x, int y, float scale) {
+        for (int i = 0; i < lines.size(); i++) {
+            RenderManager.drawScaledString(lines.get(i), x, y + i * 12, 0xffffff, shadow, scale);
+        }
+    }
+
+    @Override
+    public int getWidth(float scale) {
+        return (int) (cachedWidth * scale);
+    }
+
+    @Override
+    public int getHeight(float scale) {
+        return (int) (cachedHeight * scale);
+    }
+
+    @Override
+    public int getExampleWidth(float scale) {
+        return (int) (cachedExampleWidth * scale);
+    }
+
+    @Override
+    public int getExampleHeight(float scale) {
+        return (int) (cachedExampleHeight * scale);
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/BlurHandler.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/BlurHandler.java
new file mode 100644
index 0000000..914c483
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/BlurHandler.java
@@ -0,0 +1,159 @@
+package cc.polyfrost.oneconfig.lwjgl;
+
+import cc.polyfrost.oneconfig.gui.OneConfigGui;
+import net.minecraft.client.Minecraft;
+import net.minecraft.client.gui.GuiScreen;
+import net.minecraft.client.renderer.EntityRenderer;
+import net.minecraft.client.shader.Shader;
+import net.minecraft.client.shader.ShaderUniform;
+import net.minecraft.util.ResourceLocation;
+import net.minecraftforge.client.event.GuiOpenEvent;
+import net.minecraftforge.common.MinecraftForge;
+import net.minecraftforge.fml.common.eventhandler.SubscribeEvent;
+import net.minecraftforge.fml.common.gameevent.TickEvent;
+import org.apache.logging.log4j.LogManager;
+import org.apache.logging.log4j.Logger;
+
+import java.util.List;
+
+/**
+ * An implementation of the BlurMC mod by tterrag1098.
+ *
+ * For the original source see https://github.com/tterrag1098/Blur/blob/1.8.9/src/main/java/com/tterrag/blur/Blur.java
+ * For the public license, see https://github.com/tterrag1098/Blur/blob/1.8.9/LICENSE
+ *
+ * License available under https://github.com/boomboompower/ToggleChat/blob/master/src/main/resources/licenses/BlurMC-License.txt
+ *
+ * @author tterrag1098, boomboompower
+ *
+ * Taken from ToggleChat
+ * https://github.com/boomboompower/ToggleChat/blob/master/LICENSE
+ */
+public class BlurHandler {
+    private final ResourceLocation blurShader = new ResourceLocation("shaders/post/fade_in_blur.json");
+    private final Logger logger = LogManager.getLogger("OneConfig - Blur");
+    private final Minecraft mc = Minecraft.getMinecraft();
+
+    private long start;
+    private float lastProgress = 0;
+
+    public static BlurHandler INSTANCE = new BlurHandler();
+
+    /**
+     * Simply initializes the blur mod so events are properly handled by forge.
+     */
+    public void load() {
+        MinecraftForge.EVENT_BUS.register(this);
+    }
+
+    @SubscribeEvent
+    public void onGuiChange(GuiOpenEvent event) {
+        reloadBlur(event.gui);
+    }
+
+    @SubscribeEvent
+    public void onRenderTick(final TickEvent.RenderTickEvent event) {
+        this.mc.mcProfiler.startSection("blur");
+
+        if (event.phase != TickEvent.Phase.END) {
+            this.mc.mcProfiler.endSection();
+            return;
+        }
+
+        // Only blur on our own menus
+        if (this.mc.currentScreen == null) {
+            this.mc.mcProfiler.endSection();
+            return;
+        }
+
+        // Only update the shader if one is active
+        if (!this.mc.entityRenderer.isShaderActive()) {
+            this.mc.mcProfiler.endSection();
+            return;
+        }
+
+        float progress = getBlurStrengthProgress();
+
+        // If the new progress value matches the old one this
+        // will skip the frame update, which (hopefully) resolves the issue
+        // with the heavy computations after the "animation" is complete.
+        if (progress == this.lastProgress) {
+            this.mc.mcProfiler.endSection();
+            return;
+        }
+
+        // Store it for the next iteration!
+        this.lastProgress = progress;
+
+        // This is hilariously bad, and could cause frame issues on low-end computers.
+        // Why is this being computed every tick? Surely there is a better way?
+        // This needs to be optimized.
+        try {
+            final List<Shader> listShaders = this.mc.entityRenderer.getShaderGroup().listShaders;
+
+            // Should not happen. Something bad happened.
+            if (listShaders == null) {
+                this.mc.mcProfiler.endSection();
+                return;
+            }
+
+            // Iterate through the list of shaders.
+            for (Shader shader : listShaders) {
+                ShaderUniform su = shader.getShaderManager().getShaderUniform("Progress");
+
+                if (su == null) {
+                    continue;
+                }
+
+                // All this for this.
+                su.set(progress);
+            }
+        } catch (IllegalArgumentException  ex) {
+            this.logger.error("An error occurred while updating ToggleChat's blur. Please report this!", ex);
+        }
+
+        this.mc.mcProfiler.endSection();
+    }
+
+    /**
+     * Activates/deactivates the blur in the current world if
+     * one of many conditions are met, such as no current other shader
+     * is being used, we actually have the blur setting enabled
+     */
+    public void reloadBlur(GuiScreen gui) {
+        // Don't do anything if no world is loaded
+        if (this.mc.theWorld == null) {
+            return;
+        }
+
+        EntityRenderer er = this.mc.entityRenderer;
+
+        // If a shader is not already active and the UI is
+        // a one of ours, we should load our own blur!
+        if (!er.isShaderActive() && gui instanceof OneConfigGui) {
+            this.mc.entityRenderer.loadShader(this.blurShader);
+
+            this.start = System.currentTimeMillis();
+
+            // If a shader is active and the incoming UI is null or we have blur disabled, stop using the shader.
+        } else if (er.isShaderActive() && (gui == null)) {
+            String name = er.getShaderGroup().getShaderGroupName();
+
+            // Only stop our specific blur ;)
+            if (!name.endsWith("fade_in_blur.json")) {
+                return;
+            }
+
+            er.stopUseShader();
+        }
+    }
+
+    /**
+     * Returns the strength of the blur as determined by the duration the effect of the blur.
+     *
+     * The strength of the blur does not go below 5.0F.
+     */
+    private float getBlurStrengthProgress() {
+        return Math.min((System.currentTimeMillis() - this.start) / 50F, 5.0F);
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/IOUtil.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/IOUtil.java
new file mode 100644
index 0000000..1394239
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/IOUtil.java
@@ -0,0 +1,56 @@
+package cc.polyfrost.oneconfig.lwjgl;
+
+import org.apache.commons.io.IOUtils;
+
+import java.io.File;
+import java.io.FileNotFoundException;
+import java.io.IOException;
+import java.io.InputStream;
+import java.net.URL;
+import java.nio.Buffer;
+import java.nio.ByteBuffer;
+import java.nio.ByteOrder;
+import java.nio.file.Files;
+
+public final class IOUtil {
+
+    private IOUtil() {
+    }
+
+    /**
+     * Taken from legui under MIT License
+     * <a href="https://github.com/SpinyOwl/legui/blob/develop/LICENSE">https://github.com/SpinyOwl/legui/blob/develop/LICENSE</a>
+     */
+    public static ByteBuffer resourceToByteBuffer(String path) throws IOException {
+        byte[] bytes;
+        path = path.trim();
+        if (path.startsWith("http")) {
+            bytes = IOUtils.toByteArray(new URL(path));
+        } else {
+            InputStream stream;
+            File file = new File(path);
+            if (file.exists() && file.isFile()) {
+                stream = Files.newInputStream(file.toPath());
+            } else {
+                stream = IOUtil.class.getResourceAsStream(path);
+            }
+            if (stream == null) {
+                throw new FileNotFoundException(path);
+            }
+            bytes = IOUtils.toByteArray(stream);
+        }
+        ByteBuffer data = ByteBuffer.allocateDirect(bytes.length).order(ByteOrder.nativeOrder())
+                .put(bytes);
+        ((Buffer) data).flip();
+        return data;
+    }
+
+    public static ByteBuffer resourceToByteBufferNullable(String path) {
+        try {
+            return resourceToByteBuffer(path);
+        } catch (Exception ignored) {
+            return null;
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/Lwjgl2FunctionProvider.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/Lwjgl2FunctionProvider.java
new file mode 100644
index 0000000..e00570e
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/Lwjgl2FunctionProvider.java
@@ -0,0 +1,39 @@
+package cc.polyfrost.oneconfig.lwjgl;
+
+import org.lwjgl.opengl.GLContext;
+import org.lwjgl.system.FunctionProvider;
+
+import java.lang.reflect.Method;
+import java.nio.ByteBuffer;
+
+/**
+ * Taken from LWJGLTwoPointFive under The Unlicense
+ * <a href="https://github.com/DJtheRedstoner/LWJGLTwoPointFive/blob/master/LICENSE/">https://github.com/DJtheRedstoner/LWJGLTwoPointFive/blob/master/LICENSE/</a>
+ */
+public class Lwjgl2FunctionProvider implements FunctionProvider {
+
+    private final Method m_getFunctionAddress;
+
+    public Lwjgl2FunctionProvider() {
+        try {
+            m_getFunctionAddress = GLContext.class.getDeclaredMethod("getFunctionAddress", String.class);
+            m_getFunctionAddress.setAccessible(true);
+        } catch (Exception e) {
+            throw new RuntimeException(e);
+        }
+    }
+
+    @Override
+    public long getFunctionAddress(CharSequence functionName) {
+        try {
+            return (long) m_getFunctionAddress.invoke(null, functionName.toString());
+        } catch (Exception e) {
+            throw new RuntimeException(e);
+        }
+    }
+
+    @Override
+    public long getFunctionAddress(ByteBuffer byteBuffer) {
+        throw new UnsupportedOperationException();
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/RenderManager.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/RenderManager.java
new file mode 100644
index 0000000..0ad1748
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/RenderManager.java
@@ -0,0 +1,306 @@
+package cc.polyfrost.oneconfig.lwjgl;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import cc.polyfrost.oneconfig.lwjgl.font.FontManager;
+import cc.polyfrost.oneconfig.lwjgl.font.Fonts;
+import cc.polyfrost.oneconfig.lwjgl.image.Image;
+import cc.polyfrost.oneconfig.lwjgl.image.ImageLoader;
+import cc.polyfrost.oneconfig.lwjgl.image.Images;
+import net.minecraft.client.Minecraft;
+import net.minecraft.client.gui.ScaledResolution;
+import net.minecraft.client.renderer.GlStateManager;
+import net.minecraft.client.shader.Framebuffer;
+import org.lwjgl.nanovg.NVGColor;
+import org.lwjgl.nanovg.NVGPaint;
+import org.lwjgl.opengl.Display;
+import org.lwjgl.opengl.GL11;
+
+import java.awt.*;
+import java.util.function.LongConsumer;
+
+import static org.lwjgl.nanovg.NanoVG.*;
+import static org.lwjgl.nanovg.NanoVGGL2.NVG_ANTIALIAS;
+import static org.lwjgl.nanovg.NanoVGGL2.nvgCreate;
+
+public final class RenderManager {
+    private RenderManager() {
+
+    }
+
+    //nanovg
+
+    private static long vg = -1;
+
+    public static void setupAndDraw(LongConsumer consumer) {
+        setupAndDraw(false, consumer);
+    }
+
+    public static void setupAndDraw(boolean mcScaling, LongConsumer consumer) {
+        if (vg == -1) {
+            vg = nvgCreate(NVG_ANTIALIAS);
+            if (vg == -1) {
+                throw new RuntimeException("Failed to create nvg context");
+            }
+            FontManager.INSTANCE.initialize(vg);
+        }
+
+        Framebuffer fb = Minecraft.getMinecraft().getFramebuffer();
+        if (!fb.isStencilEnabled()) {
+            fb.enableStencil();
+        }
+        GL11.glPushAttrib(GL11.GL_ALL_ATTRIB_BITS);
+
+        if (mcScaling) {
+            ScaledResolution resolution = new ScaledResolution(Minecraft.getMinecraft());
+            nvgBeginFrame(vg, (float) resolution.getScaledWidth_double(), (float) resolution.getScaledHeight_double(), resolution.getScaleFactor());
+        } else {
+            // If we get blurry problems with high DPI monitors, 1 might need to be  replaced with Display.getPixelScaleFactor()
+            nvgBeginFrame(vg, Display.getWidth(), Display.getHeight(), 1);
+        }
+
+        consumer.accept(vg);
+
+        nvgEndFrame(vg);
+
+        GlStateManager.popAttrib();
+    }
+
+    public static void drawRectangle(long vg, float x, float y, float width, float height, int color) {     // TODO make everything use this one day
+        if (OneConfigConfig.ROUNDED_CORNERS) {
+            drawRoundedRect(vg, x, y, width, height, color, OneConfigConfig.CORNER_RADIUS);
+        } else {
+            drawRect(vg, x, y, width, height, color);
+        }
+    }
+
+
+    public static void drawGradientRoundedRect(long vg, float x, float y, float width, float height, int color, int color2, float radius) {
+        NVGPaint bg = NVGPaint.create();
+        nvgBeginPath(vg);
+        nvgRoundedRect(vg, x, y, width, height, radius);
+        NVGColor nvgColor = color(vg, color);
+        NVGColor nvgColor2 = color(vg, color2);
+        nvgFillPaint(vg, nvgLinearGradient(vg, x, y + height, x + width, y, nvgColor, nvgColor2, bg));
+        nvgFill(vg);
+        nvgColor.free();
+        nvgColor2.free();
+    }
+
+    public static void drawGradientRect(long vg, float x, float y, float width, float height, int color, int color2) {
+        NVGPaint bg = NVGPaint.create();
+        nvgBeginPath(vg);
+        nvgRect(vg, x, y, width, height);
+        NVGColor nvgColor = color(vg, color);
+        NVGColor nvgColor2 = color(vg, color2);
+        nvgFillPaint(vg, nvgLinearGradient(vg, x, y + height, x + width, y, nvgColor, nvgColor2, bg));
+        nvgFillPaint(vg, bg);
+        nvgFill(vg);
+        nvgColor.free();
+        nvgColor2.free();
+    }
+
+    public static void drawRect(long vg, float x, float y, float width, float height, int color) {
+        nvgBeginPath(vg);
+        nvgRect(vg, x, y, width, height);
+        NVGColor nvgColor = color(vg, color);
+        nvgFill(vg);
+        nvgColor.free();
+    }
+
+    public static void drawRoundedRect(long vg, float x, float y, float width, float height, int color, float radius) {
+        nvgBeginPath(vg);
+        nvgRoundedRect(vg, x, y, width, height, radius);
+        color(vg, color);
+        NVGColor nvgColor = color(vg, color);
+        nvgFill(vg);
+        nvgColor.free();
+    }
+
+    public static void drawRoundedRectVaried(long vg, float x, float y, float width, float height, int color, float radiusTL, float radiusTR, float radiusBR, float radiusBL) {
+        nvgBeginPath(vg);
+        nvgRoundedRectVarying(vg, x, y, width, height, radiusTL, radiusTR, radiusBR, radiusBL);
+        color(vg, color);
+        NVGColor nvgColor = color(vg, color);
+        nvgFill(vg);
+        nvgColor.free();
+    }
+
+    public static void drawHollowRoundRect(long vg, float x, float y, float width, float height, int color, float radius, float thickness) {
+        nvgBeginPath(vg);
+        nvgRoundedRect(vg, x + thickness, y + thickness, width - thickness, height - thickness, radius);
+        nvgStrokeWidth(vg, thickness);
+        nvgPathWinding(vg, NVG_HOLE);
+        color(vg, color);
+        NVGColor nvgColor = color(vg, color);
+        nvgStrokeColor(vg, nvgColor);
+        nvgStroke(vg);
+        nvgColor.free();
+    }
+
+    public static void drawCircle(long vg, float x, float y, float radius, int color) {
+        nvgBeginPath(vg);
+        nvgCircle(vg, x, y, radius);
+        NVGColor nvgColor = color(vg, color);
+        nvgFill(vg);
+        nvgColor.free();
+    }
+
+
+    public static void drawString(long vg, String text, float x, float y, int color, float size, Fonts font) {
+        nvgBeginPath(vg);
+        nvgFontSize(vg, size);
+        nvgFontFace(vg, font.font.getName());
+        nvgTextAlign(vg, NVG_ALIGN_LEFT | NVG_ALIGN_MIDDLE);
+        NVGColor nvgColor = color(vg, color);
+        nvgText(vg, x, y, text);
+        nvgFill(vg);
+        nvgColor.free();
+    }
+
+    public static void drawString(long vg, String text, float x, float y, int color, float size, int lineHeight, Fonts font) {
+        nvgBeginPath(vg);
+        nvgFontSize(vg, size);
+        nvgFontFace(vg, font.font.getName());
+        nvgTextAlign(vg, NVG_ALIGN_LEFT | NVG_ALIGN_TOP);
+        nvgTextLineHeight(vg, lineHeight);
+        NVGColor nvgColor = color(vg, color);
+        nvgText(vg, x, y, text);
+        nvgFill(vg);
+        nvgColor.free();
+    }
+
+    public static void drawWrappedString(long vg, String text, float x, float y, float width, int color, float size, Fonts font) {
+        nvgBeginPath(vg);
+        nvgFontSize(vg, size);
+        nvgFontFace(vg, font.font.getName());
+        nvgTextAlign(vg, NVG_ALIGN_LEFT | NVG_ALIGN_MIDDLE);
+        NVGColor nvgColor = color(vg, color);
+        nvgTextBox(vg, x, y, width, text);
+        nvgFill(vg);
+        nvgColor.free();
+    }
+
+    public static void drawImage(long vg, String filePath, float x, float y, float width, float height) {
+        if (ImageLoader.INSTANCE.loadImage(vg, filePath)) {
+            NVGPaint imagePaint = NVGPaint.calloc();
+            cc.polyfrost.oneconfig.lwjgl.image.Image image = ImageLoader.INSTANCE.getImage(filePath);
+            nvgBeginPath(vg);
+            nvgImagePattern(vg, x, y, width, height, 0, image.getReference(), 1, imagePaint);
+            nvgRect(vg, x, y, width, height);
+            nvgFillPaint(vg, imagePaint);
+            nvgFill(vg);
+            imagePaint.free();
+        }
+    }
+
+    public static void drawImage(long vg, String filePath, float x, float y, float width, float height, int color) {
+        if (ImageLoader.INSTANCE.loadImage(vg, filePath)) {
+            NVGPaint imagePaint = NVGPaint.calloc();
+            Image image = ImageLoader.INSTANCE.getImage(filePath);
+            nvgBeginPath(vg);
+            nvgImagePattern(vg, x, y, width, height, 0, image.getReference(), 1, imagePaint);
+            nvgRGBA((byte) (color >> 16 & 0xFF), (byte) (color >> 8 & 0xFF), (byte) (color & 0xFF), (byte) (color >> 24 & 0xFF), imagePaint.innerColor());
+            nvgRect(vg, x, y, width, height);
+            nvgFillPaint(vg, imagePaint);
+            nvgFill(vg);
+            imagePaint.free();
+        }
+    }
+
+    public static void drawImage(long vg, Images filePath, float x, float y, float width, float height) {
+        drawImage(vg, filePath.filePath, x, y, width, height);
+    }
+
+    public static void drawImage(long vg, Images filePath, float x, float y, float width, float height, int color) {
+        drawImage(vg, filePath.filePath, x, y, width, height, color);
+    }
+
+
+    public static float getTextWidth(long vg, String text, float fontSize, Fonts font) {
+        float[] bounds = new float[4];
+        nvgFontSize(vg, fontSize);
+        nvgFontFace(vg, font.font.getName());
+        return nvgTextBounds(vg, 0, 0, text, bounds);
+    }
+
+    public static void drawLine(long vg, float x, float y, float endX, float endY, float width, int color) {
+        nvgBeginPath(vg);
+        nvgMoveTo(vg, x, y);
+        nvgLineTo(vg, endX, endY);
+        NVGColor nvgColor = color(vg, color);
+        nvgStrokeColor(vg, nvgColor);
+        nvgStrokeWidth(vg, width);
+        nvgStroke(vg);
+        nvgColor.free();
+    }
+
+    public static void drawDropShadow(long vg, float x, float y, float w, float h, float cornerRadius, float spread, int color) {       // TODO broken
+        NVGColor color1 = NVGColor.calloc();
+        NVGColor color2 = NVGColor.calloc();
+        NVGPaint shadowPaint = NVGPaint.calloc();
+        nvgRGBA((byte) 0, (byte) 0, (byte) 0, (byte) 128, color1);
+        nvgRGBA((byte) 0, (byte) 0, (byte) 0, (byte) 0, color2);
+        nvgBoxGradient(vg, x, y + 2, w, h, cornerRadius * 2, 10f, color2, color1, shadowPaint);
+        nvgBeginPath(vg);
+        nvgRect(vg, x - 10, y - 10, w + 20, h + 30);
+        nvgRoundedRect(vg, x, y, w, h, cornerRadius);
+        nvgPathWinding(vg, NVG_HOLE);
+        nvgFillPaint(vg, shadowPaint);
+        nvgFill(vg);
+        shadowPaint.free();
+        color1.free();
+        color2.free();
+    }
+
+
+    public static NVGColor color(long vg, int color) {
+        NVGColor nvgColor = NVGColor.calloc();
+        nvgRGBA((byte) (color >> 16 & 0xFF), (byte) (color >> 8 & 0xFF), (byte) (color & 0xFF), (byte) (color >> 24 & 0xFF), nvgColor);
+        nvgFillColor(vg, nvgColor);
+        return nvgColor;
+    }
+
+
+    // gl
+    public static void glColor(Color color) {
+        glColor(color.getRGB());
+    }
+
+    public static void drawScaledString(String text, float x, float y, int color, boolean shadow, float scale) {
+        GlStateManager.pushMatrix();
+        GlStateManager.scale(scale, scale, 1);
+        Minecraft.getMinecraft().fontRendererObj.drawString(text, x * (1 / scale), y * (1 / scale), color, shadow);
+        GlStateManager.popMatrix();
+    }
+
+    public static void glColor(int color) {
+        float f = (float) (color >> 24 & 255) / 255.0F;
+        float f1 = (float) (color >> 16 & 255) / 255.0F;
+        float f2 = (float) (color >> 8 & 255) / 255.0F;
+        float f3 = (float) (color & 255) / 255.0F;
+        GlStateManager.color(f1, f2, f3, f);
+    }
+
+    public static void drawDottedLine(float sx, float sy, float ex, float ey, int width, int factor, int color) {
+        GlStateManager.pushMatrix();
+        GL11.glLineStipple(factor, (short) 0xAAAA);
+        GL11.glEnable(GL11.GL_LINE_STIPPLE);
+        GlStateManager.pushMatrix();
+        GlStateManager.disableTexture2D();
+        GlStateManager.enableBlend();
+        GlStateManager.disableAlpha();
+        GlStateManager.tryBlendFuncSeparate(770, 771, 1, 0);
+        glColor(color);
+        GL11.glLineWidth(width);
+        GL11.glBegin(GL11.GL_LINES);
+        GL11.glVertex2d(sx, sy);
+        GL11.glVertex2d(ex, ey);
+        GL11.glEnd();
+        GlStateManager.disableBlend();
+        GlStateManager.enableAlpha();
+        GlStateManager.enableTexture2D();
+        GlStateManager.popMatrix();
+        GL11.glDisable(GL11.GL_LINE_STIPPLE);
+        GlStateManager.popMatrix();
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/Scissor.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/Scissor.java
new file mode 100644
index 0000000..93e104e
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/Scissor.java
@@ -0,0 +1,22 @@
+package cc.polyfrost.oneconfig.lwjgl;
+
+public class Scissor {
+    public int x;
+    public int y;
+    public int width;
+    public int height;
+
+    public Scissor(int x, int y, int width, int height) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+    }
+
+    public Scissor(Scissor scissor) {
+        this.x = scissor.x;
+        this.y = scissor.y;
+        this.width = scissor.width;
+        this.height = scissor.height;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/ScissorManager.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/ScissorManager.java
new file mode 100644
index 0000000..ee78eca
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/ScissorManager.java
@@ -0,0 +1,40 @@
+package cc.polyfrost.oneconfig.lwjgl;
+
+import org.lwjgl.nanovg.NanoVG;
+
+import java.util.ArrayList;
+
+public class ScissorManager {
+    private static final ArrayList<Scissor> scissors = new ArrayList<>();
+
+    public static Scissor scissor(long vg, int x, int y, int width, int height) {
+        Scissor scissor = new Scissor(x, y, width, height);
+        if (scissors.contains(scissor)) return scissor;
+        scissors.add(scissor);
+        applyScissors(vg);
+        return scissor;
+    }
+
+    public static void resetScissor(long vg, Scissor scissor) {
+        if (scissors.contains(scissor)) {
+            scissors.remove(scissor);
+            applyScissors(vg);
+        }
+    }
+
+    private static void applyScissors(long vg) {
+        NanoVG.nvgResetScissor(vg);
+        if (scissors.size() <= 0) return;
+        Scissor finalScissor = new Scissor(scissors.get(0));
+        for (int i = 1; i < scissors.size(); i++) {
+            Scissor scissor = scissors.get(i);
+            int rightX = Math.min(scissor.x + scissor.width, finalScissor.x + finalScissor.width);
+            int rightY = Math.min(scissor.y + scissor.height, finalScissor.y + finalScissor.height);
+            finalScissor.x = Math.max(finalScissor.x, scissor.x);
+            finalScissor.y = Math.max(finalScissor.y, scissor.y);
+            finalScissor.width = rightX - finalScissor.x;
+            finalScissor.height = rightY - finalScissor.y;
+        }
+        NanoVG.nvgScissor(vg, finalScissor.x, finalScissor.y, finalScissor.width, finalScissor.height);
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/font/Font.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/font/Font.java
new file mode 100644
index 0000000..970c073
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/font/Font.java
@@ -0,0 +1,39 @@
+package cc.polyfrost.oneconfig.lwjgl.font;
+
+import java.nio.ByteBuffer;
+
+public class Font {
+    private final String fileName;
+    private final String name;
+    private boolean loaded = false;
+    private ByteBuffer buffer = null;
+
+    public Font(String name, String fileName) {
+        this.name = name;
+        this.fileName = fileName;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public String getFileName() {
+        return fileName;
+    }
+
+    public boolean isLoaded() {
+        return loaded;
+    }
+
+    void setLoaded(boolean loaded) {
+        this.loaded = loaded;
+    }
+
+    public ByteBuffer getBuffer() {
+        return buffer;
+    }
+
+    void setBuffer(ByteBuffer buffer) {
+        this.buffer = buffer;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/font/FontManager.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/font/FontManager.java
new file mode 100644
index 0000000..0974019
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/font/FontManager.java
@@ -0,0 +1,31 @@
+package cc.polyfrost.oneconfig.lwjgl.font;
+
+import cc.polyfrost.oneconfig.lwjgl.IOUtil;
+
+import java.io.IOException;
+import java.nio.ByteBuffer;
+
+import static org.lwjgl.nanovg.NanoVG.nvgCreateFontMem;
+
+public class FontManager {
+    public static FontManager INSTANCE = new FontManager();
+
+    public void initialize(long vg) {
+        for (Fonts fonts : Fonts.values()) {
+            Font font = fonts.font;
+            int loaded = -1;
+            try {
+                ByteBuffer buffer = IOUtil.resourceToByteBuffer(font.getFileName());
+                loaded = nvgCreateFontMem(vg, font.getName(), buffer, 0);
+                font.setBuffer(buffer);
+            } catch (IOException e) {
+                e.printStackTrace();
+            }
+            if (loaded == -1) {
+                throw new RuntimeException("Failed to initialize font " + font.getName());
+            } else {
+                font.setLoaded(true);
+            }
+        }
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/font/Fonts.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/font/Fonts.java
new file mode 100644
index 0000000..aef639c
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/font/Fonts.java
@@ -0,0 +1,15 @@
+package cc.polyfrost.oneconfig.lwjgl.font;
+
+public enum Fonts {
+    INTER_BOLD(new Font("inter-bold", "/assets/oneconfig/font/Inter-Bold.otf")),
+    INTER_REGULAR(new Font("inter-regular", "/assets/oneconfig/font/Inter-Regular.otf")),
+    INTER_SEMIBOLD(new Font("inter-semibold", "/assets/oneconfig/font/Inter-SemiBold.otf")),
+    INTER_MEDIUM(new Font("inter-medium", "/assets/oneconfig/font/Inter-Medium.otf")),
+    MC_REGULAR(new Font("mc-regular", "/assets/oneconfig/font/Minecraft-Regular.otf"));
+
+    public final Font font;
+
+    Fonts(Font font) {
+        this.font = font;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/image/Image.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/image/Image.java
new file mode 100644
index 0000000..2e63154
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/image/Image.java
@@ -0,0 +1,21 @@
+package cc.polyfrost.oneconfig.lwjgl.image;
+
+import java.nio.ByteBuffer;
+
+public class Image {
+    private final int reference;
+    private final ByteBuffer buffer;
+
+    public Image(int reference, ByteBuffer buffer) {
+        this.reference = reference;
+        this.buffer = buffer;
+    }
+
+    public ByteBuffer getBuffer() {
+        return buffer;
+    }
+
+    public int getReference() {
+        return reference;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/image/ImageLoader.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/image/ImageLoader.java
new file mode 100644
index 0000000..8e72828
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/image/ImageLoader.java
@@ -0,0 +1,45 @@
+package cc.polyfrost.oneconfig.lwjgl.image;
+
+import cc.polyfrost.oneconfig.lwjgl.IOUtil;
+import org.lwjgl.nanovg.NanoVG;
+import org.lwjgl.stb.STBImage;
+
+import java.nio.ByteBuffer;
+import java.util.HashMap;
+
+public class ImageLoader {
+    private final HashMap<String, Image> imageHashMap = new HashMap<>();
+    public static ImageLoader INSTANCE = new ImageLoader();
+
+    public boolean loadImage(long vg, String fileName) {
+        if (!imageHashMap.containsKey(fileName)) {
+            int[] width = {0};
+            int[] height = {0};
+            int[] channels = {0};
+
+            ByteBuffer image = IOUtil.resourceToByteBufferNullable(fileName);
+            if (image == null) {
+                return false;
+            }
+
+            ByteBuffer buffer = STBImage.stbi_load_from_memory(image, width, height, channels, 4);
+            if (buffer == null) {
+                return false;
+            }
+
+            imageHashMap.put(fileName, new Image(NanoVG.nvgCreateImageRGBA(vg, width[0], height[0], NanoVG.NVG_IMAGE_REPEATX | NanoVG.NVG_IMAGE_REPEATY | NanoVG.NVG_IMAGE_GENERATE_MIPMAPS, buffer), buffer));
+            return true;
+        }
+        return true;
+    }
+
+
+    public void removeImage(String fileName) {
+        imageHashMap.remove(fileName);
+    }
+
+    public Image getImage(String fileName) {
+        return imageHashMap.get(fileName);
+    }
+
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/image/Images.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/image/Images.java
new file mode 100644
index 0000000..f5e4213
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/image/Images.java
@@ -0,0 +1,47 @@
+package cc.polyfrost.oneconfig.lwjgl.image;
+
+public enum Images {
+    CHEVRON_ARROW("/assets/oneconfig/textures/gui/general/arrows/chevron.png"),
+    DROPDOWN_ARROW("/assets/oneconfig/textures/gui/general/arrows/dropdown_arrow.png"),
+    UP_ARROW("/assets/oneconfig/textures/gui/general/arrows/up_arrow.png"),
+    CIRCLE_ARROW("/assets/oneconfig/textures/gui/general/arrows/circle_arrow.png"),
+
+    CHECKMARK("/assets/oneconfig/textures/gui/general/configs/checkmark.png"),
+    FAVORITE("/assets/oneconfig/textures/gui/general/configs/favorite_active.png"),
+    FAVORITE_OFF("/assets/oneconfig/textures/gui/general/configs/favorite_inactive.png"),
+    HIDE_EYE("/assets/oneconfig/textures/gui/general/configs/hide_eye.png"),
+    HIDE_EYE_OFF("/assets/oneconfig/textures/gui/general/configs/hide_eye_off.png"),
+
+    // TODO color picker ones
+    COLOR_BASE("/assets/oneconfig/textures/gui/general/color/color_base.png"),
+
+
+    SHARE("/assets/oneconfig/textures/gui/general/nav/share.png"),
+    LAUNCH("/assets/oneconfig/textures/gui/general/nav/launch.png"),
+    SEARCH("/assets/oneconfig/textures/gui/general/nav/search.png"),
+    MINIMIZE("/assets/oneconfig/textures/gui/general/nav/minimize.png"),
+    CLOSE("/assets/oneconfig/textures/gui/general/nav/close.png"),
+
+    LOGO("/assets/oneconfig/textures/gui/general/logo.png"),
+
+    HUD("/assets/oneconfig/textures/gui/icons/hud/hud.png"),
+    HUD_SETTINGS("/assets/oneconfig/textures/gui/icons/hud/settings.png"),
+
+    MOD_BOX("/assets/oneconfig/textures/gui/icons/mod/mod_box.png"),
+    MODS("/assets/oneconfig/textures/gui/icons/mod/mods.png"),
+    PERFORMANCE("/assets/oneconfig/textures/gui/icons/mod/performance.png"),
+
+    DASHBOARD("/assets/oneconfig/textures/gui/icons/dashboard.png"),
+    PREFERENCES("/assets/oneconfig/textures/gui/icons/preferences.png"),
+    PROFILES("/assets/oneconfig/textures/gui/icons/profiles.png"),
+    SCREENSHOT("/assets/oneconfig/textures/gui/icons/screenshot.png"),
+    THEMES("/assets/oneconfig/textures/gui/icons/themes.png"),
+    UPDATES("/assets/oneconfig/textures/gui/icons/updates.png"),
+    ;
+
+    public final String filePath;
+
+    Images(String filePath) {
+        this.filePath = filePath;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/plugin/ClassTransformer.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/plugin/ClassTransformer.java
new file mode 100644
index 0000000..c34f3b8
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/plugin/ClassTransformer.java
@@ -0,0 +1,55 @@
+package cc.polyfrost.oneconfig.lwjgl.plugin;
+
+import net.minecraft.launchwrapper.IClassTransformer;
+import org.objectweb.asm.ClassReader;
+import org.objectweb.asm.ClassWriter;
+import org.objectweb.asm.Opcodes;
+import org.objectweb.asm.tree.*;
+
+/**
+ * Taken from LWJGLTwoPointFive under The Unlicense
+ * <a href="https://github.com/DJtheRedstoner/LWJGLTwoPointFive/blob/master/LICENSE/">https://github.com/DJtheRedstoner/LWJGLTwoPointFive/blob/master/LICENSE/</a>
+ */
+public class ClassTransformer implements IClassTransformer {
+    @Override
+    public byte[] transform(String name, String transformedName, byte[] basicClass) {
+        if (name.equals("org.lwjgl.nanovg.NanoVGGLConfig")) {
+            ClassReader reader = new ClassReader(basicClass);
+            ClassNode node = new ClassNode();
+            reader.accept(node, ClassReader.EXPAND_FRAMES);
+
+            for (MethodNode method : node.methods) {
+                if (method.name.equals("configGL")) {
+                    InsnList list = new InsnList();
+
+                    list.add(new VarInsnNode(Opcodes.LLOAD, 0));
+                    list.add(new TypeInsnNode(Opcodes.NEW, "cc/polyfrost/oneconfig/lwjgl/Lwjgl2FunctionProvider"));
+                    list.add(new InsnNode(Opcodes.DUP));
+                    list.add(new MethodInsnNode(
+                            Opcodes.INVOKESPECIAL,
+                            "cc/polyfrost/oneconfig/lwjgl/Lwjgl2FunctionProvider",
+                            "<init>",
+                            "()V",
+                            false
+                    ));
+                    list.add(new MethodInsnNode(
+                            Opcodes.INVOKESTATIC,
+                            "org/lwjgl/nanovg/NanoVGGLConfig",
+                            "config",
+                            "(JLorg/lwjgl/system/FunctionProvider;)V",
+                            false
+                    ));
+                    list.add(new InsnNode(Opcodes.RETURN));
+
+                    method.instructions.clear();
+                    method.instructions.insert(list);
+                }
+            }
+
+            ClassWriter cw = new ClassWriter(ClassWriter.COMPUTE_FRAMES);
+            node.accept(cw);
+            return cw.toByteArray();
+        }
+        return basicClass;
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/cc/polyfrost/oneconfig/lwjgl/plugin/LoadingPlugin.java b/src/main/java/cc/polyfrost/oneconfig/lwjgl/plugin/LoadingPlugin.java
new file mode 100644
index 0000000..b2ae799
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/lwjgl/plugin/LoadingPlugin.java
@@ -0,0 +1,52 @@
+package cc.polyfrost.oneconfig.lwjgl.plugin;
+
+import net.minecraft.launchwrapper.Launch;
+import net.minecraft.launchwrapper.LaunchClassLoader;
+import net.minecraftforge.fml.relauncher.IFMLLoadingPlugin;
+
+import java.lang.reflect.Field;
+import java.util.Map;
+import java.util.Set;
+
+/**
+ * Taken from LWJGLTwoPointFive under The Unlicense
+ * <a href="https://github.com/DJtheRedstoner/LWJGLTwoPointFive/blob/master/LICENSE/">https://github.com/DJtheRedstoner/LWJGLTwoPointFive/blob/master/LICENSE/</a>
+ */
+public class LoadingPlugin implements IFMLLoadingPlugin {
+
+    public LoadingPlugin() {
+        try {
+            Field f_exceptions = LaunchClassLoader.class.getDeclaredField("classLoaderExceptions");
+            f_exceptions.setAccessible(true);
+            Set<String> exceptions = (Set<String>) f_exceptions.get(Launch.classLoader);
+            exceptions.remove("org.lwjgl.");
+        } catch (Exception e) {
+            throw new RuntimeException("e");
+        }
+    }
+
+    @Override
+    public String[] getASMTransformerClass() {
+        return new String[]{"cc.polyfrost.oneconfig.lwjgl.plugin.ClassTransformer"};
+    }
+
+    @Override
+    public String getModContainerClass() {
+        return null;
+    }
+
+    @Override
+    public String getSetupClass() {
+        return null;
+    }
+
+    @Override
+    public void injectData(Map<String, Object> data) {
+
+    }
+
+    @Override
+    public String getAccessTransformerClass() {
+        return null;
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/cc/polyfrost/oneconfig/test/TestConfig.java b/src/main/java/cc/polyfrost/oneconfig/test/TestConfig.java
new file mode 100644
index 0000000..b072f4c
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/test/TestConfig.java
@@ -0,0 +1,128 @@
+package cc.polyfrost.oneconfig.test;
+
+import cc.polyfrost.oneconfig.config.annotations.ConfigPage;
+import cc.polyfrost.oneconfig.config.annotations.Option;
+import cc.polyfrost.oneconfig.config.data.Mod;
+import cc.polyfrost.oneconfig.config.data.ModType;
+import cc.polyfrost.oneconfig.config.data.OptionType;
+import cc.polyfrost.oneconfig.config.data.PageLocation;
+import cc.polyfrost.oneconfig.config.interfaces.Config;
+
+public class TestConfig extends Config {
+
+    @Option(
+            name = "Test dual thing",
+            subcategory = "Test",
+            min = 3f, max = 127f,
+            type = OptionType.SLIDER
+    )
+    public static float sliderText;
+
+    @Option(
+            name = "Test string",
+            subcategory = "Test",
+            options = {"NO", "YES"},
+            type = OptionType.DUAL_OPTION
+    )
+    public static boolean switchTest1;
+
+    @Option(
+            name = "Test dual option",
+            subcategory = "Test",
+            options = {"HI", "BYE"},
+            type = OptionType.DUAL_OPTION
+    )
+    public static boolean switchTest2;
+
+
+    @Option(
+            name = "Test option",
+            subcategory = "Test",
+            options = {"Hello", "World", "Fish", "Cat"},
+            type = OptionType.UNI_SELECTOR
+    )
+    public static int switchTest3;
+
+    @ConfigPage(
+            name = "Test Page",
+            location = PageLocation.TOP
+    )
+    public static TestPage testPage = new TestPage();
+
+    @ConfigPage(
+            name = "Test Page width description",
+            description = "Wow, an epic description",
+            location = PageLocation.BOTTOM
+    )
+    public static TestPage testPage2 = new TestPage();
+
+    @Option(
+            name = "Test switch",
+            subcategory = "Other subcategory",
+            type = OptionType.SWITCH
+    )
+    public static boolean switchTest4;
+
+    @Option(
+            name = "Test checkbox",
+            subcategory = "Other subcategory",
+            type = OptionType.CHECKBOX
+    )
+    public static boolean switchTest5;
+
+    @Option(
+            name = "Favorite food",
+            subcategory = "Dropdowns",
+            type = OptionType.DROPDOWN,
+            category = "Dropdowns",
+            options = {"Taco", "Pizza", "Hamburger", "Paimon"}
+    )
+    public static int dropdown1;
+
+    @Option(
+            name = "Favorite food",
+            subcategory = "Dropdowns",
+            type = OptionType.DROPDOWN,
+            category = "Dropdowns",
+            options = {"Taco", "Pizza", "Hamburger", "Paimon"}
+    )
+    public static int dropdown2;
+
+    @Option(
+            name = "Favorite food",
+            subcategory = "Dropdowns",
+            type = OptionType.DROPDOWN,
+            category = "Dropdowns",
+            size = 2,
+            options = {"Taco", "Pizza", "Hamburger", "Paimon"}
+    )
+    public static int dropdown3;
+
+    @Option(
+            name = "Slider",
+            subcategory = "Sliders",
+            type = OptionType.SLIDER,
+            category = "Sliders",
+            size = 2,
+            min = 0,
+            max = 25
+    )
+    public static int slider1;
+    @Option(
+            name = "Stepped Slider",
+            subcategory = "Sliders",
+            type = OptionType.SLIDER,
+            category = "Sliders",
+            size = 2,
+            min = 0,
+            max = 30,
+            step = 2
+    )
+    public static float slider2;
+
+
+    public TestConfig() {
+        super(new Mod("hacks", ModType.UTIL_QOL, "ShadyDev", "1.0"), "hacksConfig.json");
+    }
+}
+
diff --git a/src/main/java/cc/polyfrost/oneconfig/test/TestHud.java b/src/main/java/cc/polyfrost/oneconfig/test/TestHud.java
new file mode 100644
index 0000000..ccb7c6b
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/test/TestHud.java
@@ -0,0 +1,23 @@
+package cc.polyfrost.oneconfig.test;
+
+import cc.polyfrost.oneconfig.hud.interfaces.BasicHud;
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import net.minecraft.client.Minecraft;
+
+public class TestHud extends BasicHud {
+
+    @Override
+    public int getWidth(float scale) {
+        return (int) (Minecraft.getMinecraft().fontRendererObj.getStringWidth("FPS: " + Minecraft.getDebugFPS()) * scale);
+    }
+
+    @Override
+    public int getHeight(float scale) {
+        return (int) (9 * scale);
+    }
+
+    @Override
+    public void draw(int x, int y, float scale) {
+        RenderManager.drawScaledString("FPS: " + Minecraft.getDebugFPS(), x, y, 0xffffff, false, scale);
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/test/TestNanoVGGui.java b/src/main/java/cc/polyfrost/oneconfig/test/TestNanoVGGui.java
new file mode 100644
index 0000000..60cfe2f
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/test/TestNanoVGGui.java
@@ -0,0 +1,26 @@
+package cc.polyfrost.oneconfig.test;
+
+import cc.polyfrost.oneconfig.lwjgl.RenderManager;
+import net.minecraft.client.gui.GuiScreen;
+
+import java.awt.*;
+
+public class TestNanoVGGui extends GuiScreen {
+
+    @Override
+    public void drawScreen(int mouseX, int mouseY, float partialTicks) {
+        super.drawScreen(mouseX, mouseY, partialTicks);
+        drawRect(0, 0, width, height, Color.BLACK.getRGB());
+        long startTime = System.nanoTime();
+        RenderManager.setupAndDraw((vg) -> {
+            //RenderManager.drawRect(vg, 0, 0, 100, 100, Color.BLUE.getRGB());
+            //RenderManager.drawRoundedRect(vg, 305, 305, 100, 100, Color.YELLOW.getRGB(), 8);
+            //RenderManager.drawString(vg, "Hello!", 80, 20, Color.WHITE.getRGB(), 50, Fonts.MC_REGULAR);
+            //RenderManager.drawString(vg, "Hello!", 100, 100, Color.WHITE.getRGB(), 50, Fonts.INTER_BOLD);
+            //RenderManager.drawLine(vg, 0, 0, 100, 100, 7, Color.PINK.getRGB());
+            //RenderManager.drawCircle(vg, 200, 200, 50, Color.WHITE.getRGB());
+            //RenderManager.drawString(vg, (float) (System.nanoTime() - startTime) / 1000000f + "ms", 500, 500, Color.WHITE.getRGB(), 100, Fonts.INTER_BOLD);
+        });
+        drawString(fontRendererObj, "Hello!", 0, 0, -1);
+    } // hi
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/test/TestPage.java b/src/main/java/cc/polyfrost/oneconfig/test/TestPage.java
new file mode 100644
index 0000000..c70610a
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/test/TestPage.java
@@ -0,0 +1,44 @@
+package cc.polyfrost.oneconfig.test;
+
+import cc.polyfrost.oneconfig.config.annotations.Option;
+import cc.polyfrost.oneconfig.config.data.OptionType;
+
+public class TestPage {
+    @Option(
+            name = "Text field 1x",
+            subcategory = "Test",
+            type = OptionType.TEXT
+    )
+    public static String testDescription;
+
+    @Option(
+            name = "Text field 1x",
+            subcategory = "Test",
+            type = OptionType.TEXT
+    )
+    public static String testDescription2;
+
+    @Option(
+            name = "Text field 2x",
+            subcategory = "Test",
+            type = OptionType.TEXT,
+            size = 2
+    )
+    public static String testDescription3;
+
+    @Option(
+            name = "Secure text field",
+            subcategory = "Test",
+            type = OptionType.TEXT,
+            secure = true
+    )
+    public static String testDescription4;
+
+    @Option(
+            name = "Text box",
+            subcategory = "Test",
+            type = OptionType.TEXT,
+            multiLine = true
+    )
+    public static String testDescription5;
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/utils/ColorUtils.java b/src/main/java/cc/polyfrost/oneconfig/utils/ColorUtils.java
new file mode 100644
index 0000000..30f393e
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/utils/ColorUtils.java
@@ -0,0 +1,86 @@
+package cc.polyfrost.oneconfig.utils;
+
+import cc.polyfrost.oneconfig.config.OneConfigConfig;
+import org.jetbrains.annotations.Contract;
+import org.jetbrains.annotations.NotNull;
+
+import java.awt.*;
+
+public class ColorUtils {
+
+    public static int getColor(int currentColor, int colorPalette, boolean hover, boolean click) {
+        float[] color = splitColor(currentColor);
+        if (click) {
+            switch (colorPalette) {
+                case -2:
+                    return new Color(0.9f, 0.9f, 0.9f, 0.2f).getRGB();
+                case -1:
+                    return OneConfigConfig.GRAY_500_80;
+                default:
+                case 2:
+                case 0:
+                    return OneConfigConfig.GRAY_400_80;
+                case 1:
+                    return OneConfigConfig.BLUE_600_80;
+            }
+        }
+
+        switch (colorPalette) {
+            case -2:
+                return getColorComponents(color, splitColor(OneConfigConfig.TRANSPARENT), new float[]{0.9f, 0.9f, 0.9f, 0.3f}, hover, 20f);
+            case -1:
+                return getColorComponents(color, splitColor(OneConfigConfig.TRANSPARENT), splitColor(OneConfigConfig.GRAY_500), hover, 10f);
+            default:
+            case 0:
+                return getColorComponents(color, splitColor(OneConfigConfig.GRAY_600), splitColor(OneConfigConfig.GRAY_300), hover, 25f);
+            case 1:
+                return getColorComponents(color, splitColor(OneConfigConfig.BLUE_600), splitColor(OneConfigConfig.BLUE_500), hover, 150f);
+            case 2:
+                return getColorComponents(color, splitColor(OneConfigConfig.GRAY_500), splitColor(OneConfigConfig.GRAY_300), hover, 50f);
+
+        }
+
+    }
+
+    /**
+     * Smooths the transition of a color between two colors.
+     *
+     * @param currentColor the current color (also the one you want to change)
+     * @param direction    false to move towards initColor, true to move towards finalColor
+     * @param speed        speed of the transition
+     * @return currentColor but with the new color
+     */
+    public static int smoothColor(int currentColor, int initColor, int finalColor, boolean direction, float speed) {
+        float[] init = splitColor(initColor);
+        float[] finalC = splitColor(finalColor);
+        float[] current = splitColor(currentColor);
+        return getColorComponents(current, init, finalC, direction, speed);
+    }
+
+    @Contract(value = "_ -> new", pure = true)
+    private static float @NotNull [] splitColor(int color) {
+        return new float[]{(color >> 16 & 255) / 255f, (color >> 8 & 255) / 255f, (color & 255) / 255f, (color >> 24 & 255) / 255f};
+    }
+
+    private static int getColorComponents(float[] currentColor, float[] initColor, float[] finalColor, boolean hover, float speed) {
+        currentColor[0] = smooth(currentColor[0], initColor[0], finalColor[0], hover, speed);
+        currentColor[1] = smooth(currentColor[1], initColor[1], finalColor[1], hover, speed);
+        currentColor[2] = smooth(currentColor[2], initColor[2], finalColor[2], hover, speed);
+        currentColor[3] = smooth(currentColor[3], initColor[3], finalColor[3], hover, speed);
+
+        return new Color(currentColor[0], currentColor[1], currentColor[2], currentColor[3]).getRGB();
+
+    }
+
+    private static float smooth(float current, float min, float max, boolean moveToFinal, float speed) {
+        current = MathUtils.easeOut(current, moveToFinal ? 1f : 0f, speed);
+        if (current <= min) {
+            current = min;
+        }
+
+        if (current >= max) {
+            current = max;
+        }
+        return current;
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/utils/InputUtils.java b/src/main/java/cc/polyfrost/oneconfig/utils/InputUtils.java
new file mode 100644
index 0000000..806f6de
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/utils/InputUtils.java
@@ -0,0 +1,34 @@
+package cc.polyfrost.oneconfig.utils;
+
+import cc.polyfrost.oneconfig.gui.OneConfigGui;
+import net.minecraft.client.Minecraft;
+import org.lwjgl.input.Mouse;
+
+public class InputUtils {
+    /**
+     * function to determine weather the mouse is currently over a specific region. Uses the current nvgScale to fix to any scale.
+     *
+     * @return true if mouse is over region, false if not.
+     */
+    public static boolean isAreaHovered(int x, int y, int width, int height) {
+        int mouseX = Mouse.getX();
+        int mouseY = Minecraft.getMinecraft().displayHeight - Math.abs(Mouse.getY());
+        return mouseX > x && mouseY > y && mouseX < x + width && mouseY < y + height;       // TODO add scaling info
+    }
+
+    public static boolean isAreaClicked(int x, int y, int width, int height) {
+        return isAreaHovered(x, y, width, height) && isClicked();
+    }
+
+    public static boolean isClicked() {
+        return OneConfigGui.INSTANCE != null && OneConfigGui.INSTANCE.mouseDown && !Mouse.isButtonDown(0);
+    }
+
+    public static int mouseX() {
+        return Mouse.getX();
+    }
+
+    public static int mouseY() {
+        return Minecraft.getMinecraft().displayHeight - Math.abs(Mouse.getY());
+    }
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/utils/MathUtils.java b/src/main/java/cc/polyfrost/oneconfig/utils/MathUtils.java
new file mode 100644
index 0000000..2faec69
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/utils/MathUtils.java
@@ -0,0 +1,30 @@
+package cc.polyfrost.oneconfig.utils;
+
+public class MathUtils {
+    public static float clamp(float number) {
+        return number < (float) 0.0 ? (float) 0.0 : Math.min(number, (float) 1.0);
+    }
+
+    public static float easeOut(float current, float goal, float speed) {
+        if (Math.floor(Math.abs(goal - current) / (float) 0.01) > 0) {
+            return current + (goal - current) / speed;
+        } else {
+            return goal;
+        }
+    }
+
+
+    public static float easeInQuad(float current) {
+        return current * current;
+    }
+
+    /**
+     * taken from <a href="https://github.com/jesusgollonet/processing-penner-easing">https://github.com/jesusgollonet/processing-penner-easing</a>
+     */
+    public static float easeInOutCirc(float t, float b, float c, float d) {
+        if ((t /= d / 2) < 1) return -c / 2 * ((float) Math.sqrt(1 - t * t) - 1) + b;
+        return c / 2 * ((float) Math.sqrt(1 - (t -= 2) * t) + 1) + b;
+    }
+
+
+}
diff --git a/src/main/java/cc/polyfrost/oneconfig/utils/TickDelay.java b/src/main/java/cc/polyfrost/oneconfig/utils/TickDelay.java
new file mode 100644
index 0000000..f467976
--- /dev/null
+++ b/src/main/java/cc/polyfrost/oneconfig/utils/TickDelay.java
@@ -0,0 +1,40 @@
+package cc.polyfrost.oneconfig.utils;
+
+import net.minecraftforge.common.MinecraftForge;
+import net.minecraftforge.fml.common.eventhandler.SubscribeEvent;
+import net.minecraftforge.fml.common.gameevent.TickEvent;
+
+public class TickDelay {
+    private int delay;
+    private final Runnable function;
+
+    public TickDelay(Runnable functionName, int ticks) {
+        register();
+        delay = ticks;
+        function = functionName;
+    }
+
+    @SubscribeEvent
+    public void onTick(TickEvent.ClientTickEvent event) {
+        if (event.phase == TickEvent.Phase.START) {
+            // Delay expired
+            if (delay < 1) {
+                run();
+                destroy();
+            }
+            delay--;
+        }
+    }
+
+    private void destroy() {
+        MinecraftForge.EVENT_BUS.unregister(this);
+    }
+
+    private void register() {
+        MinecraftForge.EVENT_BUS.register(this);
+    }
+
+    private void run() {
+        function.run();
+    }
+}