ginipick commited on
Commit
07a0262
·
verified ·
1 Parent(s): c638600

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +538 -381
app.py CHANGED
@@ -1,405 +1,562 @@
1
- # Install dependencies in application code, as we don't have access to a GPU at build time
2
- # Thanks to https://huggingface.co/Steveeeeeeen for their code to handle this!
3
- import os
4
- import shlex
5
- import subprocess
6
 
7
- subprocess.run(shlex.split("pip install flash-attn --no-build-isolation"), env=os.environ | {"FLASH_ATTENTION_SKIP_CUDA_BUILD": "TRUE"}, check=True)
8
- subprocess.run(shlex.split("pip install https://github.com/state-spaces/mamba/releases/download/v2.2.4/mamba_ssm-2.2.4+cu12torch2.4cxx11abiFALSE-cp310-cp310-linux_x86_64.whl"), check=True)
9
- subprocess.run(shlex.split("pip install https://github.com/Dao-AILab/causal-conv1d/releases/download/v1.5.0.post8/causal_conv1d-1.5.0.post8+cu12torch2.4cxx11abiFALSE-cp310-cp310-linux_x86_64.whl"), check=True)
10
 
11
- import spaces
12
- import gradio as gr
13
- import numpy as np
14
 
15
- from typing import Tuple, Dict, Any, Optional
16
- from taproot import Task
 
 
 
 
17
 
18
- # Configuration
19
- is_hf_spaces = os.getenv("SYSTEM", "") == "spaces"
20
- max_characters = 2000
21
- header_markdown = """
22
- # Zonos v0.1
23
- State of the art text-to-speech model [[model]](https://huggingface.co/collections/Zyphra/zonos-v01-67ac661c85e1898670823b4f). [[blog]](https://www.zyphra.com/post/beta-release-of-zonos-v0-1), [[Zyphra Audio (hosted service)]](https://maia.zyphra.com/sign-in?redirect_url=https%3A%2F%2Fmaia.zyphra.com%2Faudio)
24
- ## Unleashed
25
- Use this space to generate long-form speech up to around ~2 minutes in length. To generate an unlimited length, clone this space and run it locally.
26
- ### Tips
27
- - If you are generating more than one chunk of audio, you should supply speaker conditioning. Otherwise, each chunk will have a slightly different voice.
28
- - When providing prefix audio, include the text of the prefix audio in your speech text to ensure a smooth transition.
29
- - The cleaner the speaker audio, the better the speaker conditioning will be - however, speaker audio is only sampled at 16kHz, so you do not need to provide high-bitrate speaker audio. Unlike this, however, prefix audio should be high-quality, as it is sampled at the full 44.1kHz.
30
- - The appropriate range of Speaking Rate and Pitch STD are highly dependent on the speaker audio. Start with the defaults and adjust as needed.
31
- - Emotion sliders do not completely function intuitively, and require some experimentation to get the desired effect.
32
- """.strip()
33
-
34
- # Create pipelines, downloading required files as necessary
35
- hybrid_task = Task.get("speech-synthesis", model="zonos-hybrid", available_only=False)
36
- hybrid_task.download_required_files(text_callback=print)
37
- hybrid_pipe = hybrid_task()
38
- hybrid_pipe.load()
39
-
40
- transformer_task = Task.get(
41
- "speech-synthesis", model="zonos-transformer", available_only=False
42
- )
43
- transformer_task.download_required_files(text_callback=print)
44
- transformer_pipe = transformer_task()
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45
 
46
- if is_hf_spaces:
47
- # Must load all models on GPU when using ZERO
48
- transformer_pipe.load()
49
 
50
- # Global state
51
- pipelines = {
52
- "Zonos Transformer v0.1": transformer_pipe,
53
- "Zonos Hybrid v0.1": hybrid_pipe,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
54
  }
55
- pipeline_names = list(pipelines.keys())
56
- supported_language_codes = hybrid_pipe.supported_languages # Same for both pipes
57
-
58
- # Model toggle
59
- def update_ui(pipeline_choice: str) -> Tuple[Dict[str, Any], ...]:
60
- """
61
- Dynamically show/hide UI elements based on the model's conditioners.
62
- """
63
- if not is_hf_spaces:
64
- # When not using ZERO, we can onload/offload pipes
65
- for pipeline_name, pipeline in pipelines.items():
66
- if pipeline_name == pipeline_choice:
67
- pipeline.load()
68
- else:
69
- pipeline.unload()
70
-
71
- pipe = pipelines[pipeline_choice]
72
- cond_names = [c.name for c in pipe.pretrained.model.prefix_conditioner.conditioners]
73
-
74
- vqscore_update = gr.update(visible=("vqscore_8" in cond_names))
75
- emotion_update = gr.update(visible=("emotion" in cond_names))
76
- fmax_update = gr.update(visible=("fmax" in cond_names))
77
- pitch_update = gr.update(visible=("pitch_std" in cond_names))
78
- speaking_rate_update = gr.update(visible=("speaking_rate" in cond_names))
79
- dnsmos_update = gr.update(visible=("dnsmos_ovrl" in cond_names))
80
- speaker_noised_update = gr.update(visible=("speaker_noised" in cond_names))
81
-
82
- return (
83
- vqscore_update,
84
- emotion_update,
85
- fmax_update,
86
- pitch_update,
87
- speaking_rate_update,
88
- dnsmos_update,
89
- speaker_noised_update,
90
- )
91
-
92
- # Invocation method
93
- @spaces.GPU(duration=180)
94
- def generate_audio(
95
- pipeline_choice: str,
96
- text: str,
97
- language: str,
98
- speaker_audio: Optional[str],
99
- prefix_audio: Optional[str],
100
- e1: float,
101
- e2: float,
102
- e3: float,
103
- e4: float,
104
- e5: float,
105
- e6: float,
106
- e7: float,
107
- e8: float,
108
- vq_single: float,
109
- fmax: float,
110
- pitch_std: float,
111
- speaking_rate: float,
112
- dnsmos_ovrl: float,
113
- speaker_noised: bool,
114
- cfg_scale: float,
115
- min_p: float,
116
- seed: int,
117
- max_chunk_length: int,
118
- cross_fade_duration: float,
119
- punctuation_pause_duration: float,
120
- target_rms: float,
121
- randomize_seed: bool,
122
- skip_dnsmos: bool,
123
- skip_vqscore: bool,
124
- skip_fmax: bool,
125
- skip_pitch: bool,
126
- skip_speaking_rate: bool,
127
- skip_emotion: bool,
128
- skip_speaker: bool,
129
- progress=gr.Progress(),
130
- ) -> Tuple[Tuple[int, np.ndarray[Any, Any]], int]:
131
- """
132
- Generates audio based on the provided UI parameters.
133
- """
134
- selected_pipeline = pipelines[pipeline_choice]
135
- if randomize_seed:
136
- seed = np.random.randint(0, 2**32)
137
 
138
- def on_progress(step: int, total: int) -> None:
139
- progress((step, total))
 
 
 
 
 
 
 
140
 
141
- selected_pipeline.on_progress(on_progress)
142
- try:
143
- wav_out = selected_pipeline(
144
- text=text,
145
- language=language,
146
- reference_audio=speaker_audio,
147
- prefix_audio=prefix_audio,
148
- seed=seed,
149
- max_chunk_length=max_chunk_length,
150
- cross_fade_duration=cross_fade_duration,
151
- punctuation_pause_duration=punctuation_pause_duration,
152
- target_rms=target_rms,
153
- cfg_scale=cfg_scale,
154
- min_p=min_p,
155
- fmax=fmax,
156
- pitch_std=pitch_std,
157
- emotion_happiness=e1,
158
- emotion_sadness=e2,
159
- emotion_disgust=e3,
160
- emotion_fear=e4,
161
- emotion_surprise=e5,
162
- emotion_anger=e6,
163
- emotion_other=e7,
164
- emotion_neutral=e8,
165
- speaking_rate=speaking_rate,
166
- vq_score=vq_single,
167
- speaker_noised=speaker_noised,
168
- dnsmos=dnsmos_ovrl,
169
- skip_speaker=skip_speaker,
170
- skip_dnsmos=skip_dnsmos,
171
- skip_vq_score=skip_vqscore,
172
- skip_fmax=skip_fmax,
173
- skip_pitch=skip_pitch,
174
- skip_speaking_rate=skip_speaking_rate,
175
- skip_emotion=skip_emotion,
176
- output_format="float",
177
- )
178
-
179
- return (44100, wav_out.squeeze().numpy()), seed
180
- finally:
181
- selected_pipeline.off_progress()
182
 
183
- # Interface
184
- if __name__ == "__main__":
185
- with gr.Blocks() as demo:
186
- with gr.Row():
187
- with gr.Column(scale=3):
188
- gr.Markdown(header_markdown)
189
- gr.Image(
190
- value="https://raw.githubusercontent.com/Zyphra/Zonos/refs/heads/main/assets/ZonosHeader.png",
191
- container=False,
192
- interactive=False,
193
- show_label=False,
194
- show_share_button=False,
195
- show_fullscreen_button=False,
196
- show_download_button=False,
197
- )
198
-
199
- with gr.Row(equal_height=True):
200
- pipeline_choice = gr.Dropdown(
201
- choices=pipeline_names,
202
- value=pipeline_names[0],
203
- label="Zonos Model Variant",
204
- )
205
- language = gr.Dropdown(
206
- choices=supported_language_codes,
207
- value="en-us",
208
- label="Language",
209
- )
210
-
211
- with gr.Row():
212
- if not is_hf_spaces:
213
- limit_text = "Unlimited"
214
- else:
215
- limit_text = f"Up to {max_characters}"
216
-
217
- text = gr.Textbox(
218
- label=f"Speech Text ({limit_text} Characters)",
219
- value="Zonos is a state-of-the-art text-to-speech model that generates expressive and natural-sounding audio with robust customization options.",
220
- lines=4,
221
- max_lines=20,
222
- max_length=max_characters if is_hf_spaces else None,
223
- )
224
-
225
- with gr.Row():
226
- generate_button = gr.Button("Generate Audio")
227
-
228
- with gr.Row():
229
- output_audio = gr.Audio(label="Generated Audio", type="numpy", autoplay=True)
230
-
231
- with gr.Row():
232
- gr.Markdown("## Long-Form Parameters")
233
 
234
- with gr.Column(variant="panel"):
235
- with gr.Row(equal_height=True):
236
- max_chunk_length = gr.Slider(
237
- 1, 300, 150, 1, label="Max Chunk Length (Characters)",
238
- info="The maximum number of characters to generate in a single chunk. Zonos itself has a much higher limit than this, but consistency breaks down as you go past ~200 characters or so."
239
- )
240
- target_rms = gr.Slider(
241
- 0.0, 1.0, 0.10, 0.01, label="Target RMS",
242
- info="The target RMS (root-mean-square) amplitude for the generated audio. Each chunk will have its loudness normalized to this value to ensure consistent volume levels."
243
- )
244
- with gr.Row(equal_height=True):
245
- punctuation_pause_duration = gr.Slider(
246
- 0, 1, 0.10, 0.01, label="Punctuation Pause Duration (Seconds)",
247
- info="Pause duration to add after a chunk that ends with punctuation. Full-stop punctuation (periods) will have the entire length, while shorter pauses will use half of this duration."
248
- )
249
- cross_fade_duration = gr.Slider(
250
- 0, 1, 0.15, 0.01, label="Chunk Cross-Fade Duration (Seconds)",
251
- info="The duration of the cross-fade between chunks. This helps to smooth out transitions between chunks. In general, this should be set to a value greater than the pause duration."
252
- )
253
 
254
- with gr.Row():
255
- gr.Markdown("## Generation Parameters")
256
-
257
- with gr.Row(variant="panel", equal_height=True):
258
- with gr.Column():
259
- prefix_audio = gr.Audio(
260
- label="Optional Prefix Audio (continue from this audio)",
261
- type="filepath",
262
- )
263
- with gr.Column(scale=3):
264
- cfg_scale_slider = gr.Slider(1.0, 5.0, 2.0, 0.1, label="CFG Scale")
265
- min_p_slider = gr.Slider(0.0, 1.0, 0.15, 0.01, label="Min P")
266
- seed_number = gr.Number(label="Seed", value=6475309, precision=0)
267
- randomize_seed_toggle = gr.Checkbox(label="Randomize Seed", value=True)
268
-
269
- with gr.Row():
270
- gr.Markdown(
271
- "## Conditioning Parameters\nAll of these types of conditioning are optional and can be disabled."
272
- )
273
 
274
- with gr.Row(variant="panel", equal_height=True) as speaker_row:
275
- with gr.Column():
276
- speaker_uncond = gr.Checkbox(label="Skip Speaker")
277
- speaker_noised_checkbox = gr.Checkbox(label="Denoise Speaker", value=False)
 
 
 
 
278
 
279
- speaker_audio = gr.Audio(
280
- label="Optional Speaker Audio (for cloning)",
281
- type="filepath",
282
- scale=3,
283
- )
284
 
285
- with gr.Row(variant="panel", equal_height=True) as emotion_row:
286
- emotion_uncond = gr.Checkbox(label="Skip Emotion")
287
- with gr.Column(scale=3):
288
- with gr.Row():
289
- emotion1 = gr.Slider(0.0, 1.0, 0.307, 0.001, label="Happiness")
290
- emotion2 = gr.Slider(0.0, 1.0, 0.025, 0.001, label="Sadness")
291
- emotion3 = gr.Slider(0.0, 1.0, 0.025, 0.001, label="Disgust")
292
- emotion4 = gr.Slider(0.0, 1.0, 0.025, 0.001, label="Fear")
293
- with gr.Row():
294
- emotion5 = gr.Slider(0.0, 1.0, 0.025, 0.001, label="Surprise")
295
- emotion6 = gr.Slider(0.0, 1.0, 0.025, 0.001, label="Anger")
296
- emotion7 = gr.Slider(0.0, 1.0, 0.025, 0.001, label="Other")
297
- emotion8 = gr.Slider(0.0, 1.0, 0.307, 0.001, label="Neutral")
298
 
299
- with gr.Row(variant="panel", equal_height=True) as dnsmos_row:
300
- dnsmos_uncond = gr.Checkbox(label="Skip DNSMOS")
301
- dnsmos_slider = gr.Slider(
302
- 1.0,
303
- 5.0,
304
- value=4.0,
305
- step=0.1,
306
- label="Deep Noise Suppression Mean Opinion Score [arXiv 2010.15258]",
307
- scale=3,
308
- )
309
 
310
- with gr.Row(variant="panel", equal_height=True) as vq_score_row:
311
- vq_uncond = gr.Checkbox(label="Skip VQScore")
312
- vq_single_slider = gr.Slider(
313
- 0.5, 0.8, 0.78, 0.01, label="VQScore [arXiv 2402.16321]", scale=3
314
- )
 
 
 
 
315
 
316
- with gr.Row(variant="panel", equal_height=True) as fmax_row:
317
- fmax_uncond = gr.Checkbox(label="Skip Fmax")
318
- fmax_slider = gr.Slider(
319
- 0, 22050, value=22050, step=1, label="Fmax (Hz)", scale=3
320
- )
 
 
 
 
 
321
 
322
- with gr.Row(variant="panel", equal_height=True) as pitch_row:
323
- pitch_uncond = gr.Checkbox(label="Skip Pitch")
324
- pitch_std_slider = gr.Slider(
325
- 0.0, 300.0, value=20.0, step=1, label="Pitch Standard Deviation", scale=3
326
- )
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
327
 
328
- with gr.Row(variant="panel", equal_height=True) as speaking_rate_row:
329
- speaking_rate_uncond = gr.Checkbox(label="Skip Speaking Rate")
330
- speaking_rate_slider = gr.Slider(
331
- 5.0, 30.0, value=15.0, step=0.5, label="Speaking Rate", scale=3
332
- )
 
 
 
 
 
 
 
 
 
 
 
 
333
 
334
- pipeline_choice.change(
335
- fn=update_ui,
336
- inputs=[pipeline_choice],
337
- outputs=[
338
- vq_score_row,
339
- emotion_row,
340
- fmax_row,
341
- pitch_row,
342
- speaking_rate_row,
343
- dnsmos_row,
344
- speaker_noised_checkbox,
345
- ],
346
- )
347
 
348
- # Trigger UI update on load
349
- demo.load(
350
- fn=update_ui,
351
- inputs=[pipeline_choice],
352
- outputs=[
353
- vq_score_row,
354
- emotion_row,
355
- fmax_row,
356
- pitch_row,
357
- speaking_rate_row,
358
- dnsmos_row,
359
- speaker_noised_checkbox,
360
- ],
361
- )
362
 
363
- # Generate audio on button click
364
- generate_button.click(
365
- fn=generate_audio,
366
- inputs=[
367
- pipeline_choice,
368
- text,
369
- language,
370
- speaker_audio,
371
- prefix_audio,
372
- emotion1,
373
- emotion2,
374
- emotion3,
375
- emotion4,
376
- emotion5,
377
- emotion6,
378
- emotion7,
379
- emotion8,
380
- vq_single_slider,
381
- fmax_slider,
382
- pitch_std_slider,
383
- speaking_rate_slider,
384
- dnsmos_slider,
385
- speaker_noised_checkbox,
386
- cfg_scale_slider,
387
- min_p_slider,
388
- seed_number,
389
- max_chunk_length,
390
- cross_fade_duration,
391
- punctuation_pause_duration,
392
- target_rms,
393
- randomize_seed_toggle,
394
- dnsmos_uncond,
395
- vq_uncond,
396
- fmax_uncond,
397
- pitch_uncond,
398
- speaking_rate_uncond,
399
- emotion_uncond,
400
- speaker_uncond,
401
- ],
402
- outputs=[output_audio, seed_number],
403
- )
404
 
405
- demo.launch()
 
 
 
 
 
1
+ from flask import Flask, render_template, request, jsonify
2
+ import os, re, json
 
 
 
3
 
4
+ app = Flask(__name__)
 
 
5
 
6
+ # ────────────────────────── 1. CONFIGURATION ──────────────────────────
 
 
7
 
8
+ # Domains that commonly block iframes
9
+ BLOCKED_DOMAINS = [
10
+ "naver.com", "daum.net", "google.com",
11
+ "facebook.com", "instagram.com", "kakao.com",
12
+ "ycombinator.com"
13
+ ]
14
 
15
+ # ────────────────────────── 2. CURATED CATEGORIES ──────────────────────────
16
+ CATEGORIES = {
17
+ "Popular": [
18
+ "https://huggingface.co/spaces/openfree/AGI-Screenplay",
19
+ "https://huggingface.co/spaces/openfree/AGI-WebNovel",
20
+ "https://huggingface.co/spaces/openfree/AGI-NOVEL",
21
+ "https://huggingface.co/spaces/fantaxy/AGI-LEADERBOARD",
22
+ "https://cutechicken-3d-airforce-simulator.static.hf.space",
23
+ "https://huggingface.co/spaces/ginipick/Private-AI",
24
+ "https://huggingface.co/spaces/fantaxy/ofai-flx-logo",
25
+ "https://huggingface.co/spaces/aiqtech/FLUX-Ghibli-Studio-LoRA",
26
+ "https://huggingface.co/spaces/seawolf2357/REALVISXL-V5",
27
+ "https://huggingface.co/spaces/fantos/flx8lora",
28
+ "https://huggingface.co/spaces/ginipick/Realtime-FLUX",
29
+ "https://huggingface.co/spaces/fantaxy/flx-pulid",
30
+ "https://huggingface.co/spaces/ginipick/FLUX-Prompt-Generator",
31
+ "https://huggingface.co/spaces/aiqtech/kofaceid",
32
+ "https://huggingface.co/spaces/aiqtech/flxgif",
33
+ "https://huggingface.co/spaces/fantos/flxfashmodel",
34
+ "https://huggingface.co/spaces/fantos/flxcontrol",
35
+ "https://huggingface.co/spaces/fantos/textcutobject",
36
+ "https://huggingface.co/spaces/seawolf2357/flxloraexp",
37
+ "https://huggingface.co/spaces/fantaxy/flxloraexp",
38
+ "https://huggingface.co/spaces/aiqtech/imaginpaint",
39
+ "https://huggingface.co/spaces/ginipick/FLUXllama",
40
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored",
41
+ "https://huggingface.co/spaces/fantaxy/flx-upscale",
42
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-video",
43
+ "https://huggingface.co/spaces/fantos/VoiceClone",
44
+ "https://huggingface.co/spaces/fantaxy/Rolls-Royce",
45
+ "https://huggingface.co/spaces/aiqtech/FLUX-military",
46
+ "https://huggingface.co/spaces/fantaxy/FLUX-Animations",
47
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-video2",
48
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-photo",
49
+ "https://huggingface.co/spaces/ginipick/Time-Stream",
50
+ "https://huggingface.co/spaces/seawolf2357/sd-prompt-gen",
51
+ "https://huggingface.co/spaces/openfree/MagicFace-V3",
52
+ "https://huggingface.co/spaces/Heartsync/adult",
53
+ "https://huggingface.co/spaces/Heartsync/wan2-1-fast-security",
54
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-REAL",
55
+ "https://huggingface.co/spaces/seawolf2357/img2vid",
56
+ "https://huggingface.co/spaces/openfree/image-to-vector",
57
+ "https://huggingface.co/spaces/openfree/DreamO-video",
58
+ "https://huggingface.co/spaces/VIDraft/FramePack_rotate_landscape",
59
+ "https://huggingface.co/spaces/fantaxy/Sound-AI-SFX",
60
+ "https://huggingface.co/spaces/ginigen/VoiceClone-TTS",
61
+ "https://huggingface.co/spaces/Heartsync/FREE-NSFW-HUB",
62
+ "https://huggingface.co/spaces/Heartsync/NSFW-image",
63
+ "https://huggingface.co/spaces/Heartsync/NSFW-detection",
64
+ "https://huggingface.co/spaces/Heartsync/VEO3-RealTime",
65
+ "https://huggingface.co/spaces/ginigen/VEO3-Free",
66
+ "https://huggingface.co/spaces/ginigen/FLUX-Text-Tree-Image",
67
+ "https://huggingface.co/spaces/ginigen/text3d-r1",
68
+ "https://huggingface.co/spaces/VIDraft/stable-diffusion-3.5-large-turboX",
69
+
70
+ ],
71
+ "BEST": [
72
+ "https://huggingface.co/spaces/MaziyarPanahi/FACTS-Leaderboard",
73
+ "https://huggingface.co/spaces/ginigen/Flux-Kontext-Style",
74
+ "https://huggingface.co/spaces/openfree/Cycle-Navigator",
75
+ "https://huggingface.co/spaces/ginigen/Flux-Kontext-FaceLORA",
76
+ "https://huggingface.co/spaces/ginigen/Seedance-Free",
77
+ "https://huggingface.co/spaces/VIDraft/SOMA-AGI",
78
+ "https://huggingface.co/spaces/aiqtech/Heatmap-Leaderboard",
79
+ "https://huggingface.co/spaces/VIDraft/DNA-CASINO",
80
+ "https://huggingface.co/spaces/aiqtech/SOMA-Oriental",
81
+ "https://huggingface.co/spaces/fantaxy/YTB-TEST",
82
+ "https://huggingface.co/spaces/aiqtech/Contributors-Leaderboard",
83
+ "https://huggingface.co/spaces/ginigen/text3d-r1",
84
+ "https://huggingface.co/spaces/VIDraft/stable-diffusion-3.5-large-turboX",
85
+ "https://huggingface.co/spaces/openfree/Korean-Leaderboard",
86
+ "https://huggingface.co/spaces/fantos/flxcontrol",
87
+ "https://huggingface.co/spaces/aiqtech/FLUX-Ghibli-Studio-LoRA",
88
+ "https://huggingface.co/spaces/openfree/AI-Podcast",
89
+ "https://huggingface.co/spaces/ginigen/Workflow-Canvas",
90
+ "https://huggingface.co/spaces/ginigen/3D-LLAMA",
91
+ "https://huggingface.co/spaces/ginigen/VoiceClone-TTS",
92
+ "https://huggingface.co/spaces/VIDraft/ACE-Singer",
93
+ "https://huggingface.co/spaces/ginipick/AI-BOOK",
94
+ "https://huggingface.co/spaces/immunobiotech/drug-discovery",
95
+ "https://huggingface.co/spaces/VIDraft/Robo-Beam",
96
+ "https://huggingface.co/spaces/fantaxy/fantasy-novel",
97
+ "https://huggingface.co/spaces/immunobiotech/Gemini-MICHELIN",
98
+ "https://huggingface.co/spaces/openfree/Chart-GPT",
99
+ "https://huggingface.co/spaces/ginipick/NH-Korea",
100
+ "https://huggingface.co/spaces/VIDraft/Voice-Clone-Podcast",
101
+ "https://huggingface.co/spaces/ginipick/Private-AI",
102
+ "https://huggingface.co/spaces/ginigen/Flux-VIDEO",
103
+ "https://huggingface.co/spaces/openfree/open-GAMMA",
104
+ "https://huggingface.co/spaces/ginipick/PharmAI-Korea",
105
+ "https://huggingface.co/spaces/ginipick/Pharmacy",
106
+ "https://huggingface.co/spaces/ginipick/PDF-EXAM",
107
+ "https://huggingface.co/spaces/ginipick/IDEA-DESIGN",
108
+ "https://huggingface.co/spaces/openfree/DreamO-video",
109
+ "https://huggingface.co/spaces/ginipick/10m-marketing",
110
+ "https://huggingface.co/spaces/VIDraft/voice-trans",
111
+ "https://huggingface.co/spaces/VIDraft/NH-Prediction",
112
+ "https://huggingface.co/spaces/fantos/flx8lora",
113
+ "https://huggingface.co/spaces/ginigen/MagicFace-V3",
114
+ "https://huggingface.co/spaces/openfree/Live-Podcast",
115
+ "https://huggingface.co/spaces/seawolf2357/ocrlatex",
116
+ "https://huggingface.co/spaces/Heartsync/VEO3-RealTime",
117
+ "https://huggingface.co/spaces/ginigen/VEO3-Free",
118
+ "https://huggingface.co/spaces/openfree/MagicFace-V3",
119
+ "https://huggingface.co/spaces/aiqtech/FLUX-military",
120
+ "https://huggingface.co/spaces/fantaxy/flxloraexp",
121
+ "https://huggingface.co/spaces/Heartsync/WAN2-1-fast-T2V-FusioniX",
122
+ "https://huggingface.co/spaces/ginigen/FLUXllama-Multilingual",
123
+ "https://huggingface.co/spaces/Heartsync/wan2-1-fast-security",
124
+ "https://huggingface.co/spaces/fantaxy/Rolls-Royce",
125
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-REAL",
126
+ "https://huggingface.co/spaces/ginipick/Realtime-FLUX",
127
+ "https://huggingface.co/spaces/aiqtech/imaginpaint",
128
+ "https://huggingface.co/spaces/aiqtech/flxgif",
129
+ "https://huggingface.co/spaces/fantos/flxfashmodel",
130
+ "https://huggingface.co/spaces/aiqtech/kofaceid",
131
+ "https://huggingface.co/spaces/ginipick/FLUX-Prompt-Generator",
132
+ "https://huggingface.co/spaces/seawolf2357/REALVISXL-V5",
133
+ "https://huggingface.co/spaces/fantaxy/FLUX-Animations",
134
+ "https://huggingface.co/spaces/fantaxy/flx-pulid",
135
+ "https://huggingface.co/spaces/fantaxy/ofai-flx-logo",
136
+ "https://huggingface.co/spaces/openfree/image-to-vector",
137
+ "https://huggingface.co/spaces/Heartsync/FREE-NSFW-HUB",
138
+ "https://huggingface.co/spaces/seawolf2357/sd-prompt-gen",
139
+ "https://huggingface.co/spaces/VIDraft/FramePack_rotate_landscape",
140
+ "https://huggingface.co/spaces/ginipick/FLUXllama",
141
+ "https://huggingface.co/spaces/Heartsync/NSFW-image",
142
+ "https://huggingface.co/spaces/seawolf2357/img2vid",
143
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-video2",
144
+ "https://huggingface.co/spaces/Heartsync/NSFW-detection",
145
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-video",
146
+ "https://huggingface.co/spaces/Heartsync/adult",
147
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored",
148
+ "https://huggingface.co/spaces/fantos/VoiceClone",
149
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-photo",
150
+ "https://huggingface.co/spaces/fantaxy/flx-upscale",
151
+ "https://huggingface.co/spaces/seawolf2357/flxloraexp",
152
+ "https://huggingface.co/spaces/ginipick/Time-Stream",
153
+ "https://huggingface.co/spaces/fantos/textcutobject",
154
+
155
+
156
+ ],
157
+ "NEW": [
158
+ "https://huggingface.co/spaces/ginigen/Flux-Kontext-Style",
159
+ "https://cutechicken-3d-airforce-simulator.static.hf.space",
160
+ "https://huggingface.co/spaces/ginipick/Private-AI",
161
+ "https://huggingface.co/spaces/VIDraft/ACE-Singer",
162
+ "https://huggingface.co/spaces/ginipick/AI-BOOK",
163
+ "https://huggingface.co/spaces/openfree/Best-AI",
164
+ "https://huggingface.co/spaces/aiqtech/Heatmap-Leaderboard",
165
+ "https://huggingface.co/spaces/VIDraft/DNA-CASINO",
166
+ "https://huggingface.co/spaces/openfree/AGI-Screenplay",
167
+ "https://huggingface.co/spaces/openfree/AGI-WebNovel",
168
+ "https://huggingface.co/spaces/openfree/AGI-NOVEL",
169
+ "https://huggingface.co/spaces/fantaxy/AGI-LEADERBOARD",
170
+ "https://huggingface.co/spaces/ginigen/Seedance-Free",
171
+ "https://huggingface.co/spaces/aiqtech/SOMA-Oriental",
172
+ "https://huggingface.co/spaces/ginigen/Flux-Kontext-FaceLORA",
173
+ "https://huggingface.co/spaces/VIDraft/SOMA-AGI",
174
+ "https://huggingface.co/spaces/Heartsync/VEO3-RealTime",
175
+ "https://huggingface.co/spaces/openfree/Open-GAMMA",
176
+ "https://huggingface.co/spaces/ginigen/VEO3-Free",
177
+ "https://huggingface.co/spaces/Heartsync/WAN2-1-fast-T2V-FusioniX",
178
+ "https://huggingface.co/spaces/VIDraft/voice-trans",
179
+ "https://huggingface.co/spaces/VIDraft/Robo-Beam",
180
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-REAL",
181
+ "https://huggingface.co/spaces/fantaxy/fantasy-novel",
182
+ "https://huggingface.co/spaces/openfree/Chart-GPT",
183
+ "https://huggingface.co/spaces/Heartsync/Novel-NSFW",
184
+ "https://huggingface.co/spaces/ginigen/FLUX-Ghibli-LoRA2",
185
+ "https://huggingface.co/spaces/Heartsync/WAN-VIDEO-AUDIO",
186
+ "https://huggingface.co/spaces/Heartsync/wan2-1-fast-security",
187
+ "https://huggingface.co/spaces/ginigen/Flux-VIDEO",
188
+ "https://huggingface.co/spaces/aiqcamp/REMOVAL-TEXT-IMAGE",
189
+ "https://huggingface.co/spaces/VIDraft/Mistral-RAG-BitSix",
190
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-video2",
191
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-video",
192
+ "https://huggingface.co/spaces/fantaxy/YTB-TEST",
193
+ "https://huggingface.co/spaces/Heartsync/FREE-NSFW-HUB",
194
+ "https://huggingface.co/spaces/Heartsync/adult",
195
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-photo",
196
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored",
197
+ "https://huggingface.co/spaces/openfree/Live-Podcast",
198
+ "https://huggingface.co/spaces/openfree/AI-Podcast",
199
+ "https://huggingface.co/spaces/ginipick/NH-Korea",
200
+ "https://huggingface.co/spaces/VIDraft/NH-Prediction",
201
+ "https://huggingface.co/spaces/VIDraft/Voice-Clone-Podcast",
202
+ "https://huggingface.co/spaces/ginipick/PDF-EXAM",
203
+ "https://huggingface.co/spaces/openfree/Game-Gallery",
204
+ "https://huggingface.co/spaces/openfree/Vibe-Game",
205
+ "https://huggingface.co/spaces/ginipick/IDEA-DESIGN",
206
+ "https://huggingface.co/spaces/openfree/Cycle-Navigator",
207
+ "https://huggingface.co/spaces/openfree/DreamO-video",
208
+ "https://huggingface.co/spaces/Heartsync/NSFW-detection",
209
 
 
 
 
210
 
211
+ ],
212
+ "Productivity": [
213
+ "https://huggingface.co/spaces/aiqtech/Heatmap-Leaderboard",
214
+ "https://huggingface.co/spaces/VIDraft/DNA-CASINO",
215
+ "https://huggingface.co/spaces/openfree/Open-GAMMA",
216
+ "https://huggingface.co/spaces/VIDraft/Robo-Beam",
217
+ "https://huggingface.co/spaces/VIDraft/voice-trans",
218
+ "https://huggingface.co/spaces/Heartsync/FREE-NSFW-HUB",
219
+ "https://huggingface.co/spaces/openfree/Chart-GPT",
220
+ "https://huggingface.co/spaces/ginipick/AI-BOOK",
221
+ "https://huggingface.co/spaces/VIDraft/Voice-Clone-Podcast",
222
+ "https://huggingface.co/spaces/ginipick/PDF-EXAM",
223
+ "https://huggingface.co/spaces/ginigen/perflexity-clone",
224
+ "https://huggingface.co/spaces/ginipick/IDEA-DESIGN",
225
+ "https://huggingface.co/spaces/ginipick/10m-marketing",
226
+ "https://huggingface.co/spaces/openfree/Live-Podcast",
227
+ "https://huggingface.co/spaces/openfree/AI-Podcast",
228
+ "https://huggingface.co/spaces/ginipick/QR-Canvas-plus",
229
+ "https://huggingface.co/spaces/openfree/Badge",
230
+ "https://huggingface.co/spaces/VIDraft/mouse-webgen",
231
+ "https://huggingface.co/spaces/openfree/Vibe-Game",
232
+ "https://huggingface.co/spaces/VIDraft/NH-Prediction",
233
+ "https://huggingface.co/spaces/ginipick/NH-Korea",
234
+ "https://huggingface.co/spaces/openfree/Naming",
235
+ "https://huggingface.co/spaces/ginipick/Change-Hair",
236
+ ],
237
+ "Multimodal": [
238
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-photo",
239
+ "https://huggingface.co/spaces/fantaxy/YTB-TEST",
240
+ "https://huggingface.co/spaces/ginigen/Seedance-Free",
241
+ "https://huggingface.co/spaces/Heartsync/VEO3-RealTime",
242
+ "https://huggingface.co/spaces/ginigen/VEO3-Free",
243
+ "https://huggingface.co/spaces/ginigen/VEO3-Directors",
244
+ "https://huggingface.co/spaces/Heartsync/WAN2-1-fast-T2V-FusioniX",
245
+ "https://huggingface.co/spaces/Heartsync/adult",
246
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored",
247
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-video2",
248
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-video",
249
+ "https://huggingface.co/spaces/Heartsync/WAN-VIDEO-AUDIO",
250
+ "https://huggingface.co/spaces/Heartsync/wan2-1-fast-security",
251
+ "https://huggingface.co/spaces/ginigen/Flux-VIDEO",
252
+ "https://huggingface.co/spaces/ginigen/3D-LLAMA-V1",
253
+ "https://huggingface.co/spaces/ginigen/Flux-VIDEO",
254
+ "https://huggingface.co/spaces/openfree/Multilingual-TTS",
255
+ "https://huggingface.co/spaces/VIDraft/ACE-Singer",
256
+ "https://huggingface.co/spaces/openfree/DreamO-video",
257
+ "https://huggingface.co/spaces/fantaxy/Sound-AI-SFX",
258
+ "https://huggingface.co/spaces/ginigen/SFX-Sound-magic",
259
+ "https://huggingface.co/spaces/ginigen/VoiceClone-TTS",
260
+ "https://huggingface.co/spaces/aiqcamp/ENGLISH-Speaking-Scoring",
261
+ "https://huggingface.co/spaces/fantaxy/Remove-Video-Background",
262
+ ],
263
+ "Professional": [
264
+ "https://huggingface.co/spaces/Heartsync/NSFW-novels",
265
+ "https://huggingface.co/spaces/aiqtech/SOMA-Oriental",
266
+ "https://huggingface.co/spaces/VIDraft/SOMA-AGI",
267
+ "https://huggingface.co/spaces/Heartsync/Novel-NSFW",
268
+ "https://huggingface.co/spaces/fantaxy/fantasy-novel",
269
+ "https://huggingface.co/spaces/VIDraft/money-radar",
270
+ "https://huggingface.co/spaces/immunobiotech/drug-discovery",
271
+ "https://huggingface.co/spaces/immunobiotech/Gemini-MICHELIN",
272
+ "https://huggingface.co/spaces/openfree/Cycle-Navigator",
273
+ "https://huggingface.co/spaces/VIDraft/Fashion-Fit",
274
+ "https://huggingface.co/spaces/openfree/Stock-Trading-Analysis",
275
+ "https://huggingface.co/spaces/ginipick/AgentX-Papers",
276
+ "https://huggingface.co/spaces/Heartsync/Papers-Leaderboard",
277
+ "https://huggingface.co/spaces/VIDraft/PapersImpact",
278
+ "https://huggingface.co/spaces/ginigen/multimodal-chat-mbti-korea",
279
+ ],
280
+ "Image": [
281
+ "https://huggingface.co/spaces/ginigen/Flux-Kontext-FaceLORA",
282
+ "https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-REAL",
283
+ "https://huggingface.co/spaces/ginigen/FLUX-Ghibli-LoRA2",
284
+ "https://huggingface.co/spaces/aiqcamp/REMOVAL-TEXT-IMAGE",
285
+ "https://huggingface.co/spaces/VIDraft/BAGEL-Websearch",
286
+ "https://huggingface.co/spaces/ginigen/Every-Text",
287
+ "https://huggingface.co/spaces/ginigen/text3d-r1",
288
+ "https://huggingface.co/spaces/ginipick/FLUXllama",
289
+ "https://huggingface.co/spaces/ginigen/Workflow-Canvas",
290
+ "https://huggingface.co/spaces/ginigen/canvas-studio",
291
+ "https://huggingface.co/spaces/VIDraft/ReSize-Image-Outpainting",
292
+ "https://huggingface.co/spaces/Heartsync/FLUX-Vision",
293
+ "https://huggingface.co/spaces/fantos/textcutobject",
294
+ "https://huggingface.co/spaces/aiqtech/imaginpaint",
295
+ "https://huggingface.co/spaces/openfree/ColorRevive",
296
+ "https://huggingface.co/spaces/openfree/ultpixgen",
297
+ "https://huggingface.co/spaces/VIDraft/Polaroid-Style",
298
+ "https://huggingface.co/spaces/ginigen/VisualCloze",
299
+ "https://huggingface.co/spaces/fantaxy/ofai-flx-logo",
300
+ "https://huggingface.co/spaces/ginigen/interior-design",
301
+ "https://huggingface.co/spaces/ginigen/MagicFace-V3",
302
+ "https://huggingface.co/spaces/fantaxy/flx-pulid",
303
+ "https://huggingface.co/spaces/seawolf2357/Ghibli-Multilingual-Text-rendering",
304
+ "https://huggingface.co/spaces/VIDraft/Open-Meme-Studio",
305
+ "https://huggingface.co/spaces/VIDraft/stable-diffusion-3.5-large-turboX",
306
+ "https://huggingface.co/spaces/aiqtech/flxgif",
307
+ "https://huggingface.co/spaces/openfree/VectorFlow",
308
+ "https://huggingface.co/spaces/ginigen/3D-LLAMA",
309
+ "https://huggingface.co/spaces/ginigen/Multi-LoRAgen",
310
+ ],
311
+ "LLM / VLM": [
312
+ "https://huggingface.co/spaces/fantaxy/fantasy-novel",
313
+ "https://huggingface.co/spaces/ginigen/deepseek-r1-0528-API",
314
+ "https://huggingface.co/spaces/aiqcamp/Mistral-Devstral-API",
315
+ "https://huggingface.co/spaces/aiqcamp/deepseek-r1-0528",
316
+ "https://huggingface.co/spaces/aiqcamp/deepseek-r1-0528-qwen3-8b",
317
+ "https://huggingface.co/spaces/aiqcamp/deepseek-r1-0528",
318
+ "https://huggingface.co/spaces/aiqcamp/Mistral-Devstral-API",
319
+ "https://huggingface.co/spaces/VIDraft/Mistral-RAG-BitSix",
320
+ "https://huggingface.co/spaces/VIDraft/Gemma-3-R1984-4B",
321
+ "https://huggingface.co/spaces/VIDraft/Gemma-3-R1984-12B",
322
+ "https://huggingface.co/spaces/ginigen/Mistral-Perflexity",
323
+ "https://huggingface.co/spaces/aiqcamp/gemini-2.5-flash-preview",
324
+ "https://huggingface.co/spaces/openfree/qwen3-30b-a3b-research",
325
+ "https://huggingface.co/spaces/openfree/qwen3-235b-a22b-research",
326
+ "https://huggingface.co/spaces/openfree/Llama-4-Maverick-17B-Research",
327
+ ],
328
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
329
 
330
+ # ────────────────────────── 3. URL HELPERS ──────────────────────────
331
+ def direct_url(hf_url):
332
+ m = re.match(r"https?://huggingface\.co/spaces/([^/]+)/([^/?#]+)", hf_url)
333
+ if not m:
334
+ return hf_url
335
+ owner, name = m.groups()
336
+ owner = owner.lower()
337
+ name = name.replace('.', '-').replace('_', '-').lower()
338
+ return f"https://{owner}-{name}.hf.space"
339
 
340
+ def screenshot_url(url):
341
+ return f"https://image.thum.io/get/fullpage/{url}"
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
342
 
343
+ def process_url_for_preview(url):
344
+ """Returns (preview_url, mode)"""
345
+ # Handle blocked domains first
346
+ if any(d for d in BLOCKED_DOMAINS if d in url):
347
+ return screenshot_url(url), "snapshot"
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
348
 
349
+ # Special case handling for problematic URLs
350
+ if "vibe-coding-tetris" in url or "World-of-Tank-GAME" in url or "Minesweeper-Game" in url:
351
+ return screenshot_url(url), "snapshot"
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
352
 
353
+ # General HF space handling
354
+ try:
355
+ if "huggingface.co/spaces" in url:
356
+ parts = url.rstrip("/").split("/")
357
+ if len(parts) >= 5:
358
+ owner = parts[-2]
359
+ name = parts[-1]
360
+ embed_url = f"https://huggingface.co/spaces/{owner}/{name}/embed"
361
+ return embed_url, "iframe"
362
+ except Exception:
363
+ return screenshot_url(url), "snapshot"
 
 
 
 
 
 
 
 
364
 
365
+ # Default handling
366
+ return url, "iframe"
367
+
368
+ # ────────────────────────── 4. API ROUTES ──────────────────────────
369
+ @app.route('/api/category')
370
+ def api_category():
371
+ cat = request.args.get('name', '')
372
+ urls = CATEGORIES.get(cat, [])
373
 
374
+ # Add pagination for categories
375
+ page = int(request.args.get('page', 1))
376
+ per_page = int(request.args.get('per_page', 4))
 
 
377
 
378
+ total_pages = max(1, (len(urls) + per_page - 1) // per_page)
379
+ start = (page - 1) * per_page
380
+ end = min(start + per_page, len(urls))
 
 
 
 
 
 
 
 
 
 
381
 
382
+ urls_page = urls[start:end]
 
 
 
 
 
 
 
 
 
383
 
384
+ items = [
385
+ {
386
+ "title": url.split('/')[-1],
387
+ "owner": url.split('/')[-2] if '/spaces/' in url else '',
388
+ "iframe": direct_url(url),
389
+ "shot": screenshot_url(url),
390
+ "hf": url
391
+ } for url in urls_page
392
+ ]
393
 
394
+ return jsonify({
395
+ "items": items,
396
+ "page": page,
397
+ "total_pages": total_pages
398
+ })
399
+
400
+ # ────────────────────────── 5. MAIN ROUTES ──────────────────────────
401
+ @app.route('/')
402
+ def home():
403
+ os.makedirs('templates', exist_ok=True)
404
 
405
+ with open('templates/index.html', 'w', encoding='utf-8') as fp:
406
+ fp.write(r'''<!DOCTYPE html>
407
+ <html>
408
+ <head>
409
+ <meta charset="utf-8">
410
+ <meta name="viewport" content="width=device-width, initial-scale=1">
411
+ <title>Web Gallery</title>
412
+ <style>
413
+ @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;600&display=swap');
414
+ body{margin:0;font-family:Nunito,sans-serif;background:#f6f8fb;}
415
+ .tabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px;}
416
+ .tab{padding:6px 14px;border:none;border-radius:18px;background:#e2e8f0;font-weight:600;cursor:pointer;}
417
+ .tab.active{background:#a78bfa;color:#1a202c;}
418
+ .tab.popular{background:#ff6b6b;color:white;}
419
+ .tab.popular.active{background:#fa5252;color:white;}
420
+ .tab.best{background:#4ecdc4;color:white;}
421
+ .tab.best.active{background:#38d9a9;color:white;}
422
+ .tab.new{background:#ffe066;color:#1a202c;}
423
+ .tab.new.active{background:#ffd43b;color:#1a202c;}
424
+ /* Updated grid to show 2x2 layout */
425
+ .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 16px 60px;max-width:1200px;margin:0 auto;}
426
+ @media(max-width:800px){.grid{grid-template-columns:1fr;}}
427
+ /* Increased card height for larger display */
428
+ .card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;height:540px;display:flex;flex-direction:column;position:relative;}
429
+ .frame{flex:1;position:relative;overflow:hidden;}
430
+ .frame iframe{position:absolute;width:166.667%;height:166.667%;transform:scale(.6);transform-origin:top left;border:0;}
431
+ .frame img{width:100%;height:100%;object-fit:cover;}
432
+ .card-label{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:bold;z-index:100;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0,0,0,0.2);}
433
+ .label-live{background:linear-gradient(135deg, #00c6ff, #0072ff);color:white;}
434
+ .label-static{background:linear-gradient(135deg, #ff9a9e, #fad0c4);color:#333;}
435
+ .foot{height:44px;background:#fafafa;display:flex;align-items:center;justify-content:center;border-top:1px solid #eee;}
436
+ .foot a{font-size:.82rem;font-weight:700;color:#4a6dd8;text-decoration:none;}
437
+ .pagination{display:flex;justify-content:center;margin:20px 0;gap:10px;}
438
+ .pagination button{padding:5px 15px;border:none;border-radius:20px;background:#e2e8f0;cursor:pointer;}
439
+ .pagination button:disabled{opacity:0.5;cursor:not-allowed;}
440
+ </style>
441
+ </head>
442
+ <body>
443
+ <header style="text-align: center; padding: 20px; background: linear-gradient(135deg, #f6f8fb, #e2e8f0); border-bottom: 1px solid #ddd;">
444
+ <h1 style="margin-bottom: 10px;">🌟OPEN & Free: BEST AI Playground</h1>
445
+ <p>
446
+ <a href="https://huggingface.co/OpenFreeAI" target="_blank"><img src="https://img.shields.io/static/v1?label=Community&message=OpenFree_AI&color=%23800080&labelColor=%23000080&logo=HUGGINGFACE&logoColor=%23ffa500&style=for-the-badge" alt="badge"></a>
447
+ <a href="https://discord.gg/openfreeai" target="_blank"><img src="https://img.shields.io/static/v1?label=Discord&message=Openfree%20AI&color=%230000ff&labelColor=%23800080&logo=discord&logoColor=white&style=for-the-badge" alt="badge"></a>
448
+ <a href="https://huggingface.co/spaces/openfree/Best-AI" target="_blank"><img src="https://img.shields.io/static/v1?label=OpenFree&message=BEST%20AI%20Services&color=%230000ff&labelColor=%23000080&logo=huggingface&logoColor=%23ffa500&style=for-the-badge" alt="badge"></a>
449
+ </p>
450
+ </header>
451
+ <div class="tabs" id="tabs"></div>
452
+ <div id="content"></div>
453
+
454
+ <script>
455
+ // Basic configuration
456
+ const cats = {{cats|tojson}};
457
+ const tabs = document.getElementById('tabs');
458
+ const content = document.getElementById('content');
459
+ let active = "";
460
+ let currentPage = 1;
461
+
462
+ // Simple utility functions
463
+ function makeRequest(url, method, data, callback) {
464
+ const xhr = new XMLHttpRequest();
465
+ xhr.open(method, url, true);
466
+ xhr.onreadystatechange = function() {
467
+ if (xhr.readyState === 4 && xhr.status === 200) {
468
+ callback(JSON.parse(xhr.responseText));
469
+ }
470
+ };
471
+ if (method === 'POST') {
472
+ xhr.send(data);
473
+ } else {
474
+ xhr.send();
475
+ }
476
+ }
477
+
478
+ function updateTabs() {
479
+ Array.from(tabs.children).forEach(b => {
480
+ b.classList.toggle('active', b.dataset.c === active);
481
+ });
482
+ }
483
+
484
+ // Tab handlers
485
+ function loadCategory(cat, page) {
486
+ if(cat === active && currentPage === page) return;
487
+ active = cat;
488
+ currentPage = page || 1;
489
+ updateTabs();
490
+
491
+ content.innerHTML = '<p style="text-align:center;padding:40px">Loading…</p>';
492
+
493
+ makeRequest('/api/category?name=' + encodeURIComponent(cat) + '&page=' + currentPage + '&per_page=4', 'GET', null, function(data) {
494
+ let html = '<div class="grid">';
495
 
496
+ if(data.items.length === 0) {
497
+ html += '<p style="grid-column:1/-1;text-align:center;padding:40px">No items in this category.</p>';
498
+ } else {
499
+ data.items.forEach(item => {
500
+ html += `
501
+ <div class="card">
502
+ <div class="card-label label-live">LIVE</div>
503
+ <div class="frame">
504
+ <iframe src="${item.iframe}" loading="lazy" sandbox="allow-forms allow-modals allow-popups allow-same-origin allow-scripts allow-downloads"></iframe>
505
+ </div>
506
+ <div class="foot">
507
+ <a href="${item.hf}" target="_blank">${item.title}</a>
508
+ </div>
509
+ </div>
510
+ `;
511
+ });
512
+ }
513
 
514
+ html += '</div>';
 
 
 
 
 
 
 
 
 
 
 
 
515
 
516
+ // Add pagination
517
+ html += `
518
+ <div class="pagination">
519
+ <button ${currentPage <= 1 ? 'disabled' : ''} onclick="loadCategory('${cat}', ${currentPage-1})">« Previous</button>
520
+ <span>Page ${currentPage} of ${data.total_pages}</span>
521
+ <button ${currentPage >= data.total_pages ? 'disabled' : ''} onclick="loadCategory('${cat}', ${currentPage+1})">Next »</button>
522
+ </div>
523
+ `;
 
 
 
 
 
 
524
 
525
+ content.innerHTML = html;
526
+ });
527
+ }
528
+
529
+ // Create tabs
530
+ // Special tabs first (Popular, BEST, NEW)
531
+ ['Popular', 'BEST', 'NEW'].forEach(specialCat => {
532
+ const b = document.createElement('button');
533
+ b.className = 'tab ' + specialCat.toLowerCase();
534
+ b.textContent = specialCat;
535
+ b.dataset.c = specialCat;
536
+ b.onclick = function() { loadCategory(specialCat, 1); };
537
+ tabs.appendChild(b);
538
+ });
539
+
540
+ // Regular category tabs
541
+ cats.forEach(c => {
542
+ if (!['Popular', 'BEST', 'NEW'].includes(c)) {
543
+ const b = document.createElement('button');
544
+ b.className = 'tab';
545
+ b.textContent = c;
546
+ b.dataset.c = c;
547
+ b.onclick = function() { loadCategory(c, 1); };
548
+ tabs.appendChild(b);
549
+ }
550
+ });
551
+
552
+ // Start with Popular tab
553
+ loadCategory('Popular', 1);
554
+ </script>
555
+ </body>
556
+ </html>''')
 
 
 
 
 
 
 
 
 
557
 
558
+ # Return the rendered template
559
+ return render_template('index.html', cats=list(CATEGORIES.keys()))
560
+
561
+ if __name__ == '__main__':
562
+ app.run(host='0.0.0.0', port=7860)