diff --git a/index.php b/index.php
index f62abd9..9ef86fe 100644
--- a/index.php
+++ b/index.php
@@ -20,8 +20,28 @@
 				<h1>Selecciona el teu nom</h1>
 				<p>Per entrar al joc de la Pastanaga Assessina</p>
 				<form action="./php/login.php" method="POST">
-					<select name="user" id="list">
-					</select>
+					<input type="hidden" name="user" id="user">
+
+					<!-- MD Search Box -->
+					<div class="md-google-search__metacontainer">
+					  <div class="md-google-search__container">
+						<div class="md-google-search">
+						  <span class="md-google-search__search-btn">
+							<svg height="24px" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
+						  </span>
+						  <div class="md-google-search__field-container">
+							<input id="search-input" class="md-google-search__field" autocomplete="off" placeholder="Usuari" value="" name="search" type="text" spellcheck="false" style="outline: none;">
+						  </div>
+						  <span class="md-google-search__empty-btn" style="display: none;">
+							<svg focusable="false" height="24px" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
+						  </span>
+						</div>
+					  </div>
+
+							<div class="autocomplete-container" style="display: none;">
+						  <div id="autocomplete-list" class="autocomplete-items"></div>
+						</div>
+					</div>
 
 					<input disabled required placeholder="Clau d'accés..." id="password" type="password" name="password"/>
 					<input type="submit" value="Entrar" />
@@ -29,10 +49,12 @@
 			</div>
 		</div>
 
+		<script src="./js/autocomplete.js"></script>
 		<script>
-			$.post("./ajax/getusers.php", function(data, status){
-				$("#list").html(data);
-								
+			fetch("./ajax/getusers.php").then(result => result.json()).then(users => {
+				console.log(users);
+				autocomplete(document.getElementById("search-input"), users, "search");
+			
 				userid = <?=isset($_COOKIE['user']) ? $_COOKIE['user'] : -1 ?>;
 				username = $('option[value=' + userid + ']').text();
 		
@@ -42,11 +64,6 @@
 				}
 			});
 
-			$('select').on('change', function() {
-				let nopassword = $('select option:selected').hasClass('nopassword');
-				$('#password').prop('disabled', nopassword);
-			});
-			
 			$(document).ready(function() {
 				// Notify of messages
 				if (getUrlParameter("passwordchanged")) read_message("La teva clau d'accés ha canviat", "error");