From 09bc2b8c3f3b47334621a7f98d0c01df083acefd Mon Sep 17 00:00:00 2001
From: Oliver Bryan <ob248@proton.me>
Date: Sun, 25 Jan 2026 09:41:34 +0000
Subject: [PATCH] wobble controls

---
 src/Index.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/Index.tsx b/src/Index.tsx
index 56f52ad..bcde931 100644
--- a/src/Index.tsx
+++ b/src/Index.tsx
@@ -52,6 +52,24 @@ function Index() {
                     className={state.preset === "circle" ? "opacity-50 pointer-events-none" : ""}
                 />
             </div>
+            <div className="flex flex-col gap-2">
+                <span className="text-sm font-medium">Wobble</span>
+                <Slider
+                    value={[state.wobble]}
+                    min={0}
+                    max={100}
+                    onValueChange={([v]) => setState({ ...state, wobble: v })}
+                />
+            </div>
+            <div className="flex flex-col gap-2">
+                <span className="text-sm font-medium">Wobble Speed</span>
+                <Slider
+                    value={[state.wobbleSpeed]}
+                    min={0}
+                    max={100}
+                    onValueChange={([v]) => setState({ ...state, wobbleSpeed: v })}
+                />
+            </div>
         </div>
     );