added simple ui

.gitignore

@@ -1,4 +1,8 @@
 .DS_Store
+.gradio/
+.vscode/
+
 imgs/
+
 *.jpg
 *.jpeg

.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "python.analysis.autoImportCompletions": false
-}

app.py

@@ -0,0 +1,33 @@
+import gradio as gr
+import cv2
+
+
+def pixelate(img, pixel_size: int, blur=False):
+    if blur:
+        img = cv2.blur(img, (7, 7))
+
+    for i in range(0, img.shape[0], pixel_size):
+        for j in range(0, img.shape[1], pixel_size):
+            img[i : i + pixel_size, j : j + pixel_size] = img[i][j]
+
+    return img
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Simple Pixelart Filter")
+    with gr.Row():
+        with gr.Column(variant="panel"):
+            img = gr.Image(label="Input Image")
+            pixel_size = gr.Number(label="Pixel Size", minimum=1, value=16)
+            blur = gr.Checkbox(label="Blur")
+        with gr.Column():
+            output = gr.Image(
+                label="Output Image", format="jpeg", show_share_button=True
+            )
+
+    with gr.Column():
+        btn = gr.Button("Pixelate", variant="primary")
+        btn.click(fn=pixelate, inputs=[img, pixel_size, blur], outputs=output)
+        btn_clear = gr.ClearButton(components=[img, blur, output])
+
+demo.launch(debug=True, pwa=True)