Spaces:
Sleeping
Sleeping
import gradio as gr | |
import requests | |
import io | |
import random | |
import os | |
from PIL import Image | |
list_models = [ | |
"SDXL-1.0", | |
"SD-1.5", | |
"OpenJourney-V4", | |
"Anything-V4", | |
"Disney-Pixar-Cartoon", | |
"Pixel-Art-XL", | |
"Dalle-3-XL", | |
"Midjourney-V4-XL", | |
] | |
def generate_txt2img(current_model, prompt, is_negative=False, image_style="None style", steps=50, cfg_scale=7, | |
seed=None): | |
if current_model == "SD-1.5": | |
API_URL = "https://api-inference.huggingface.co/models/runwayml/stable-diffusion-v1-5" | |
elif current_model == "SDXL-1.0": | |
API_URL = "https://api-inference.huggingface.co/models/stabilityai/stable-diffusion-xl-base-1.0" | |
elif current_model == "OpenJourney-V4": | |
API_URL = "https://api-inference.huggingface.co/models/prompthero/openjourney" | |
elif current_model == "Anything-V4": | |
API_URL = "https://api-inference.huggingface.co/models/xyn-ai/anything-v4.0" | |
elif current_model == "Disney-Pixar-Cartoon": | |
API_URL = "https://api-inference.huggingface.co/models/stablediffusionapi/disney-pixar-cartoon" | |
elif current_model == "Pixel-Art-XL": | |
API_URL = "https://api-inference.huggingface.co/models/nerijs/pixel-art-xl" | |
elif current_model == "Dalle-3-XL": | |
API_URL = "https://api-inference.huggingface.co/models/openskyml/dalle-3-xl" | |
elif current_model == "Midjourney-V4-XL": | |
API_URL = "https://api-inference.huggingface.co/models/openskyml/midjourney-v4-xl" | |
API_TOKEN = os.environ.get("HF_READ_TOKEN") | |
headers = {"Authorization": f"Bearer {API_TOKEN}"} | |
if image_style == "None style": | |
payload = { | |
"inputs": prompt + ", 8k", | |
"is_negative": is_negative, | |
"steps": steps, | |
"cfg_scale": cfg_scale, | |
"seed": seed if seed is not None else random.randint(-1, 2147483647) | |
} | |
elif image_style == "Cinematic": | |
payload = { | |
"inputs": prompt + ", realistic, detailed, textured, skin, hair, eyes, by Alex Huguet, Mike Hill, Ian Spriggs, JaeCheol Park, Marek Denko", | |
"is_negative": is_negative + ", abstract, cartoon, stylized", | |
"steps": steps, | |
"cfg_scale": cfg_scale, | |
"seed": seed if seed is not None else random.randint(-1, 2147483647) | |
} | |
elif image_style == "Digital Art": | |
payload = { | |
"inputs": prompt + ", faded , vintage , nostalgic , by Jose Villa , Elizabeth Messina , Ryan Brenizer , Jonas Peterson , Jasmine Star", | |
"is_negative": is_negative + ", sharp , modern , bright", | |
"steps": steps, | |
"cfg_scale": cfg_scale, | |
"seed": seed if seed is not None else random.randint(-1, 2147483647) | |
} | |
elif image_style == "Portrait": | |
payload = { | |
"inputs": prompt + ", soft light, sharp, exposure blend, medium shot, bokeh, (hdr:1.4), high contrast, (cinematic, teal and orange:0.85), (muted colors, dim colors, soothing tones:1.3), low saturation, (hyperdetailed:1.2), (noir:0.4), (natural skin texture, hyperrealism, soft light, sharp:1.2)", | |
"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 = """ | |
/* Ensure responsive design for different screen sizes */ | |
@media only screen and (max-width: 768px) { | |
.gradio-container { | |
max-width: 100% !important; | |
} | |
} | |
/* Improve button style for better visibility */ | |
.gr-button { | |
color: white; | |
background: black; | |
border-color: black; | |
border-radius: 5px; /* Add border-radius for a more modern look */ | |
} | |
/* Adjust range input style for better visibility */ | |
input[type='range'] { | |
accent-color: black; | |
width: 100%; /* Ensure the range input spans the entire width */ | |
} | |
/* Increase spacing and improve layout for the gallery section */ | |
#gallery { | |
min-height: 20rem; /* Adjust min-height for better responsiveness */ | |
margin: 15px auto; /* Center the gallery */ | |
border-radius: 0.5rem; /* Add border-radius for a smoother appearance */ | |
} | |
/* Enhance hover effect for details */ | |
.details:hover { | |
text-decoration: underline; | |
} | |
/* Improve readability and style for the footer */ | |
.footer { | |
margin: 35px 0 45px; | |
text-align: center; | |
border-bottom: 1px solid #e5e5e5; | |
background: white; /* Add background color for better contrast */ | |
} | |
/* Adjust padding and border color for the advanced options button */ | |
#advanced-btn { | |
font-size: 0.9rem; | |
line-height: 24px; | |
margin: 12px 0; | |
padding: 6px 12px; /* Increase padding for a more comfortable click area */ | |
border-radius: 14px; | |
border-color: black; /* Match border color with button color */ | |
} | |
/* Improve styling for acknowledgments section */ | |
.acknowledgments h4 { | |
margin: 1.25em 0 0.25em; | |
font-weight: bold; | |
font-size: 1.15rem; | |
} | |
/* Add a subtle animation to the spin class */ | |
.animate-spin { | |
animation: spin 1s linear infinite; | |
} | |
/* Adjust share button styling for better visibility */ | |
#share-btn-container { | |
padding: 0.5rem !important; | |
background-color: #000000; | |
justify-content: center; | |
align-items: center; | |
border-radius: 9999px; | |
max-width: 13rem; | |
margin: 0 auto; | |
} | |
#share-btn-container:hover { | |
background-color: #060606; | |
} | |
#share-btn { | |
color: #ffffff; | |
font-weight: 600; | |
cursor: pointer; | |
font-family: 'IBM Plex Sans', sans-serif; | |
margin-left: 0.5rem !important; | |
padding: 0.5rem !important; | |
right: 0; | |
} | |
/* Adjust form and button styling for better alignment */ | |
.gr-form { | |
flex: 1 1 100%; /* Use full width for better responsiveness */ | |
border-radius: 5px; /* Add border-radius for a smoother appearance */ | |
} | |
#prompt-container { | |
gap: 0; | |
} | |
#prompt-container .form { | |
border-radius: 5px; /* Add border-radius for a smoother appearance */ | |
} | |
#gen-button { | |
border-radius: 5px; /* Add border-radius for a smoother appearance */ | |
} | |
/* Improve styling for input text boxes */ | |
#prompt-text-input, #negative-prompt-text-input { | |
padding: 0.45rem 0.625rem; | |
} | |
/* Ensure a minimum width for component-16 */ | |
#component-16 { | |
border-top-width: 1px !important; | |
margin-top: 1em; | |
min-width: 200px; /* Add a minimum width for better visibility */ | |
} | |
/* Reduce size of the duplicated image */ | |
.image_duplication { | |
position: absolute; | |
width: 50px; /* Decrease width to make the image smaller */ | |
left: 25px; /* Adjust left position accordingly */ | |
top: 25px; /* Adjust top position accordingly */ | |
border-radius: 50%; /* Keep the image circular */ | |
} | |
/* Remove unnecessary border for tab items */ | |
.tabitem { | |
border: none !important; | |
} | |
""" | |
with gr.Blocks(css=css) as demo: | |
favicon = '<img src="" width="48px" style="display: inline">' | |
gr.Markdown( | |
f"""<h1><center>{favicon} AI Diffusion</center></h1> | |
""" | |
) | |
with gr.Row(elem_id="prompt-container"): | |
current_model = gr.Dropdown(label="Current Model", choices=list_models, value=list_models[1]) | |
with gr.Row(elem_id="prompt-container"): | |
text_prompt = gr.Textbox(label="Prompt", placeholder="a cute dog", lines=1, elem_id="prompt-text-input") | |
text_button = gr.Button("Generate", variant='primary', elem_id="gen-button") | |
with gr.Row(): | |
image_output = gr.Image(type="pil", label="Output Image", elem_id="gallery") | |
with gr.Accordion("Advanced settings", open=False): | |
negative_prompt = gr.Textbox(label="Negative Prompt", value="text, blurry, fuzziness", lines=1, elem_id="negative-prompt-text-input") | |
image_style = gr.Dropdown(label="Style", choices=["None style", "Cinematic", "Digital Art", "Portrait"], value="None style", allow_custom_value=False) | |
text_button.click(generate_txt2img, inputs=[current_model, text_prompt, negative_prompt, image_style], outputs=image_output) | |
demo.launch(show_api=False) |