Create app.py

app.py

@@ -0,0 +1,73 @@
+import gradio as gr
+import requests
+import io
+import random
+import os
+from PIL import Image
+
+API_URL = "https://api-inference.huggingface.co/models/cagliostrolab/animagine-xl-3.1"
+
+API_TOKEN = os.getenv("HF_READ_TOKEN") # it is free 
+headers = {"Authorization": f"Bearer {API_TOKEN}"}
+
+def query(prompt, is_negative=False, steps=1, cfg_scale=6, seed=None):
+    payload = {
+        "inputs": prompt,
+        "is_negative": is_negative,
+        "steps": steps,
+        "cfg_scale": cfg_scale,
+        "seed": seed if seed is not None else random.randint(-1, 2147483647)
+        }
+
+    image_bytes = requests.post(API_URL, headers=headers, json=payload).content
+    image = Image.open(io.BytesIO(image_bytes))
+    return image
+css = """
+  body {
+    background-color: #fafafa !important;
+  }
+  .title {
+    font-size: 1em !important;
+    text-align: center;
+    color: #333;
+    font-family: 'Helvetica Neue', sans-serif;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    padding: 0.5em 0;
+    background: transparent;
+  }
+  
+  .title span {
+    background: -webkit-linear-gradient(45deg, #7ed56f, #28b485);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    font-size: 2.5em;
+  }
+  .primary.svelte-cmf5ev {
+    background: -webkit-linear-gradient(45deg, #7ed56f, #28b485) !important;
+  }
+  .svelte-15lo0d8 {
+    flex-direction: column !important;
+  }
+"""
+
+with gr.Blocks(css=css) as Animagine:
+    gr.HTML(
+        """
+            <div style="text-align: center; margin: 0 auto;">
+              <div style="display: inline-flex; align-items: center; gap: 0.8rem;">
+                <h1 class="title">
+                    <span>Animagine XL 3.1</span>
+                </h1>
+              </div>
+            </div>
+        """
+    )
+    with gr.Row():
+        with gr.Column(elem_id="prompt-container"):
+            text_prompt = gr.Textbox(label="Prompt", value="1girl, c.c., code geass, white shirt, long sleeves, turtleneck, sitting, looking at viewer, eating, pizza, plate, fork, knife, table, chair, table, restaurant, cinematic angle, cinematic lighting, masterpiece, best quality", placeholder="a cute cat", lines=1, elem_id="prompt-text-input")
+            negative_prompt = gr.Textbox(label="Negative Prompt", value="nsfw, lowres, bad anatomy, bad hands, text, error, missing fingers, extra digit, fewer digits, cropped, worst quality, low quality, normal quality, jpeg artifacts, signature, watermark, username, blurry, artist name, ", lines=1, elem_id="negative-prompt-text-input")
+            text_button = gr.Button("Generate", variant='primary', elem_id="gen-button")
+        image_output = gr.Image(type="pil", label="Output Image", elem_id="gallery")
+    text_button.click(query, inputs=[text_prompt, negative_prompt], outputs=image_output)
+Animagine.launch(show_api=False)