diff --git a/src/routes/(nolayout)/register/+page.svelte b/src/routes/(nolayout)/register/+page.svelte
index 9a73582..77802b2 100644
--- a/src/routes/(nolayout)/register/+page.svelte
+++ b/src/routes/(nolayout)/register/+page.svelte
@@ -2,4 +2,33 @@
 	<title>Register - Rowblox</title>
 </svelte:head>
 
-<div class="max-w-lg mx-auto text-center">insert form here</div>
+<div class="max-w-lg mx-auto text-center text-white">
+	<img class="mx-auto" src="/favicon.png" alt="">
+	<p class="text-5xl font-bold">Register to Rowblox!</p>
+	<input
+	class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-4 py-2"
+			type="text"
+			name="username"
+			id="username"
+			placeholder="Username(dont be smart)" 
+			/>
+			<input
+			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
+					type="text"
+					name="pass"
+					id="password"
+					placeholder="Password(make it strong)" 
+					/>
+					<input
+			        class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-4 py-2"
+					type="text"
+					name="invite"
+					id="invitekey"
+					placeholder="Invite(you need a friend)" 
+					/>
+
+	<div class="text-xl text-white">
+		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500" href="/login">Register</a>
+	</div>
+
+</div>