diff --git a/src/ui/elements.rs b/src/ui/elements.rs
new file mode 100644
index 0000000..d385928
--- /dev/null
+++ b/src/ui/elements.rs
@@ -0,0 +1,9 @@
+use crate::{element, ui::Style, Element, ElementData};
+
+element! {
+    Text {}
+    defaults {}
+    fn render(&mut self) -> String {
+        self.style.write(&self.text)
+    }
+}
diff --git a/src/ui/mod.rs b/src/ui/mod.rs
new file mode 100644
index 0000000..a4ddfc3
--- /dev/null
+++ b/src/ui/mod.rs
@@ -0,0 +1,8 @@
+pub mod styles;
+pub use styles::*;
+pub mod elements;
+pub use elements::*;
+
+pub fn text() -> Box<Text> {
+    Box::new(Text::new())
+}
diff --git a/src/ui/styles.rs b/src/ui/styles.rs
new file mode 100644
index 0000000..2483779
--- /dev/null
+++ b/src/ui/styles.rs
@@ -0,0 +1,234 @@
+#[derive(Debug, Clone, PartialEq)]
+pub struct Style {
+    pub bg: Color,
+    pub fg: Color,
+    pub outline: Color,
+    pub font: Font,
+
+    pub hover_bg: Color,
+    pub hover_fg: Color,
+    pub hover_outline: Color,
+    pub hover_font: Font,
+    pub hover_cursor_fg: Color,
+    pub hover_cursor_bg: Color,
+
+    pub clicked_bg: Color,
+    pub clicked_fg: Color,
+    pub clicked_outline: Color,
+    pub clicked_font: Font,
+
+    pub selected_bg: Color,
+    pub selected_fg: Color,
+    pub selected_font: Font,
+
+    pub cursor_fg: Color,
+    pub cursor_bg: Color,
+
+    pub is_active: bool,
+}
+
+impl Default for Style {
+    fn default() -> Style {
+        Style {
+            bg: Color::None,
+            fg: Color::None,
+            outline: Color::None,
+            font: Font::None,
+
+            hover_bg: Color::None,
+            hover_fg: Color::None,
+            hover_outline: Color::None,
+            hover_font: Font::None,
+            hover_cursor_fg: Color::None,
+            hover_cursor_bg: Color::None,
+
+            clicked_bg: Color::None,
+            clicked_fg: Color::None,
+            clicked_outline: Color::None,
+            clicked_font: Font::None,
+
+            selected_bg: Color::None,
+            selected_fg: Color::None,
+            selected_font: Font::None,
+            cursor_fg: Color::None,
+            cursor_bg: Color::None,
+
+            is_active: false,
+        }
+    }
+}
+
+impl Style {
+    pub fn get(&self) -> String {
+        if self.is_active {
+            format!(
+                "{}{}{}",
+                self.fg.prioritize(&self.hover_fg).ansi(),
+                self.bg.prioritize(&self.hover_bg).ansi_bg(),
+                self.font.prioritize(&self.hover_font).ansi()
+            )
+        } else {
+            format!(
+                "{}{}{}",
+                self.fg.ansi(),
+                self.bg.ansi_bg(),
+                self.font.ansi()
+            )
+        }
+    }
+
+    pub fn get_outline(&self) -> String {
+        if self.is_active {
+            self.outline.prioritize(&self.hover_outline).ansi()
+        } else {
+            self.outline.ansi()
+        }
+    }
+
+    pub fn get_clicked(&self) -> String {
+        format!(
+            "{}{}{}",
+            self.fg.prioritize(&self.clicked_fg).ansi(),
+            self.bg.prioritize(&self.clicked_bg).ansi_bg(),
+            self.font.prioritize(&self.clicked_font).ansi()
+        )
+    }
+
+    pub fn get_selected(&self) -> String {
+        format!(
+            "{}{}{}",
+            self.fg.prioritize(&self.selected_fg).ansi(),
+            self.bg.prioritize(&self.selected_bg).ansi_bg(),
+            self.font.prioritize(&self.selected_font).ansi()
+        )
+    }
+
+    pub fn get_cursor(&self) -> String {
+        if self.is_active {
+            format!(
+                "{}{}",
+                self.cursor_fg.prioritize(&self.hover_cursor_fg).ansi(),
+                self.cursor_bg.prioritize(&self.hover_cursor_bg).ansi_bg(),
+            )
+        } else {
+            format!("{}{}", self.cursor_fg.ansi(), self.cursor_bg.ansi_bg())
+        }
+    }
+
+    pub fn write(&self, s: &str) -> String {
+        format!("{}{}\x1b[0m", self.get(), s)
+    }
+
+    pub fn write_outline(&self, s: &str) -> String {
+        format!("{}{}\x1b[0m", self.get_outline(), s)
+    }
+
+    pub fn write_clicked(&self, s: &str) -> String {
+        format!("{}{}\x1b[0m", self.get_clicked(), s)
+    }
+
+    pub fn write_selected(&self, s: &str) -> String {
+        format!("{}{}\x1b[0m", self.get_selected(), s)
+    }
+
+    pub fn write_cursor(&self, s: &str) -> String {
+        format!("{}{}\x1b[0m", self.get_cursor(), s)
+    }
+}
+
+#[derive(Debug, Clone, PartialEq)]
+pub enum Font {
+    None,
+    Bold,
+    Underline,
+    Italic,
+    Reverse,
+    Strike,
+    Mul(Vec<Font>),
+}
+
+impl Font {
+    pub fn ansi(&self) -> String {
+        String::from(match self {
+            Font::None => "",
+            Font::Bold => "\x1b[1m",
+            Font::Underline => "\x1b[4m",
+            Font::Italic => "\x1b[3m",
+            Font::Reverse => "\x1b[7m",
+            Font::Strike => "\x1b[9m",
+            Font::Mul(v) => {
+                let mut s = String::new();
+                for n in v {
+                    s += n.ansi().as_str();
+                }
+                return s;
+            }
+        })
+    }
+
+    pub fn prioritize<'a>(&'a self, secondary: &'a Font) -> &Font {
+        if secondary == &Font::None {
+            self
+        } else {
+            secondary
+        }
+    }
+}
+
+#[derive(Debug, Clone, PartialEq)]
+pub enum Color {
+    None,
+    Rgb(u8, u8, u8),
+    Black,
+    Red,
+    Green,
+    Yellow,
+    Blue,
+    Magenta,
+    Cyan,
+    White,
+}
+
+impl Color {
+    pub fn ansi(&self) -> String {
+        String::from(match self {
+            Color::None => "",
+            Self::Rgb(r, g, b) => {
+                return format!("\x1b[38;2;{r};{g};{b}m");
+            }
+            Color::Black => "\x1b[30m",
+            Color::Red => "\x1b[31m",
+            Color::Green => "\x1b[32m",
+            Color::Yellow => "\x1b[33m",
+            Color::Blue => "\x1b[34m",
+            Color::Magenta => "\x1b[35m",
+            Color::Cyan => "\x1b[36m",
+            Color::White => "\x1b[37m",
+        })
+    }
+
+    pub fn ansi_bg(&self) -> String {
+        String::from(match self {
+            Color::None => "",
+            Self::Rgb(r, g, b) => {
+                return format!("\x1b[48;2;{r};{g};{b}m");
+            }
+            Color::Black => "\x1b[40m",
+            Color::Red => "\x1b[41m",
+            Color::Green => "\x1b[42m",
+            Color::Yellow => "\x1b[43m",
+            Color::Blue => "\x1b[44m",
+            Color::Magenta => "\x1b[45m",
+            Color::Cyan => "\x1b[46m",
+            Color::White => "\x1b[47m",
+        })
+    }
+
+    pub fn prioritize<'a>(&'a self, secondary: &'a Color) -> &Color {
+        if secondary == &Color::None {
+            self
+        } else {
+            secondary
+        }
+    }
+}
\ No newline at end of file