diff --git a/components/burgermenu.tsx b/components/burgermenu.tsx
new file mode 100644
index 0000000..9677636
--- /dev/null
+++ b/components/burgermenu.tsx
@@ -0,0 +1,22 @@
+import styled from 'styled-components'
+import Link from "next/link"
+
+const MenuLine = styled.div`
+	display: block;
+	width: 15rem;
+	height: 5px;
+	border-radius: 4px;
+	background-color: var(--fg);
+`
+
+const Menu = () => {
+	return (
+		<div className="burger-container">
+				<MenuLine />
+				<MenuLine />
+				<MenuLine />
+		</div>
+	)
+}
+
+export default Menu
diff --git a/components/header.tsx b/components/header.tsx
index 4317d96..6bb9b00 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -1,6 +1,7 @@
-import styled from 'styled-components'
-import Nav from './nav'
+import styled from "styled-components"
+import Nav from "./nav"
 import Link from "next/link"
+import Menu from "./burgermenu"
 
 const HeaderCont = styled.header`
 	display: flex;
@@ -28,6 +29,7 @@ const Header = () => {
 		<HeaderCont>
 			<h1><Link href="/">wych.dev</Link></h1>
 			<Nav />
+			<Menu />
 		</HeaderCont>
 	)
 }