diff --git a/.gitignore b/.gitignore
index 71fa433..a955dcd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1 @@
-/javascript
 /style.css
\ No newline at end of file
diff --git a/javascript/hints.js b/javascript/hints.js
new file mode 100644
index 0000000..30df722
--- /dev/null
+++ b/javascript/hints.js
@@ -0,0 +1,41 @@
+//Basically copied this from AUTOMATIC1111 implementation of the main UI
+
+titles = {
+    "Temperature": "A higher temperature will produce more diverse results, but with a higher risk of less coherent text",
+    "Max Length": "The maximum number of tokens for the output of the model",
+    "Top K": "Strategy is to sample from a shortlist of the top K tokens. This approach allows the other high-scoring tokens a chance of being picked.",
+    "Repetition Penalty": "The parameter for repetition penalty. 1.0 means no penalty. Default setting is 1.2. Paper explaining it is linked to Github's readme",
+    "How Many To Generate":"The number of results to generate. Not guaranteed if models fails to create them",
+    "Generate Using Magic Prompt":"Be aware that sometimes the model fails to produce anything or less than the wanted amount, either try again or use a new prompt in that case"
+}
+
+onUiUpdate(function(){
+	gradioApp().querySelectorAll('span, button, select, p').forEach(function(span){
+		tooltip = titles[span.textContent];
+
+		if(!tooltip){
+		    tooltip = titles[span.value];
+		}
+
+		if(!tooltip){
+			for (const c of span.classList) {
+				if (c in titles) {
+					tooltip = titles[c];
+					break;
+				}
+			}
+		}
+
+		if(tooltip){
+			span.title = tooltip;
+		}
+	})
+
+	gradioApp().querySelectorAll('select').forEach(function(select){
+	    if (select.onchange != null) return;
+
+	    select.onchange = function(){
+            select.title = titles[select.value] || "";
+	    }
+	})
+})
\ No newline at end of file