openfree commited on
Commit
2de9c75
ยท
verified ยท
1 Parent(s): ec78375

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +268 -1516
index.html CHANGED
@@ -1,227 +1,89 @@
1
  <!DOCTYPE html>
2
- <html lang="en">
3
  <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width,initial-scale=1.0">
6
- <title>Timeline Template</title>
7
  <style>
8
  body {
9
- font-family: 'Arial', sans-serif;
10
- background-color: #f4f4f9;
11
- color: #333;
12
  margin: 0;
13
  padding: 0;
 
 
14
  }
15
-
16
- .timeline-container {
17
- width: 100%;
18
- overflow-x: hidden;
19
- overflow-y: hidden;
20
- padding: 20px;
21
- box-sizing: border-box;
22
- }
23
-
24
- .timeline {
25
- display: grid;
26
- grid-template-columns: repeat(4, 1fr);
27
- gap: 20px;
28
- padding-bottom: 10px;
29
- }
30
-
31
- .event {
32
- background: white;
33
- border-radius: 8px;
34
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
35
- padding: 15px;
36
- transition: all 0.3s ease;
37
- }
38
-
39
- /* BEST ํƒœ๊ทธ๊ฐ€ ์žˆ๋Š” ์นด๋“œ */
40
- .event:has(.tag.best) {
41
- background-color: #fff8e1;
42
- border-left: 4px solid #ffd700;
43
- }
44
- /* NEW ํƒœ๊ทธ๊ฐ€ ์žˆ๋Š” ์นด๋“œ */
45
- .event:has(.tag.new) {
46
- background-color: #fce4ec;
47
- border-left: 4px solid #ff4081;
48
- }
49
- /* POPULAR ํƒœ๊ทธ๊ฐ€ ์žˆ๋Š” ์นด๋“œ */
50
- .event:has(.tag.popular) {
51
- background-color: #fff3e0; /* ์—ฐํ•œ ์ฃผํ™ฉ */
52
- border-left: 4px solid #ffa500;
53
- }
54
-
55
- .event:hover {
56
- transform: translateY(-5px);
57
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
58
- }
59
-
60
- .event h4 {
61
- margin: 0;
62
- font-size: 14px;
63
- }
64
-
65
- .event p {
66
- margin: 5px 0 0;
67
- font-size: 12px;
68
- color: #666;
69
- }
70
-
71
- .tag {
72
- display: inline-block;
73
- padding: 2px 5px;
74
- font-size: 10px;
75
- border-radius: 3px;
76
- margin-top: 5px;
77
- margin-right: 3px;
78
- }
79
-
80
- .tag.best {
81
- background-color: #FFD700;
82
- color: black;
83
- }
84
- .tag.new {
85
- background-color: #FF4081;
86
- color: white;
87
- }
88
- .tag.popular {
89
- background-color: #ffa500;
90
- color: black;
91
- }
92
-
93
- /* ๊ธฐ์กด ํƒœ๊ทธ ์Šคํƒ€์ผ */
94
- .tag.text { background-color: #9c27b0; color: white; }
95
- .tag.audio { background-color: #ff9800; color: white; }
96
- .tag.vision { background-color: #03a9f4; color: white; }
97
- .tag.multimodal { background-color: #795548; color: white; }
98
- .tag.video { background-color: #E91E63; color: white; }
99
- .tag.utility { background-color: #9E9E9E; color: white; }
100
- .tag.predict { background-color: #673AB7; color: white; }
101
- .tag.Productivity { background-color: #673AB7; color: white; }
102
-
103
- .tag.game { background-color: #4CAF50; color: white; }
104
- .tag.education { background-color: #3F51B5; color: white; }
105
- .tag.announcement { background-color: #607d8b; color: white; }
106
-
107
- /* ์ƒˆ๋กœ์šด ํ•˜์œ„ ์นดํ…Œ๊ณ ๋ฆฌ ํƒœ๊ทธ ์Šคํƒ€์ผ */
108
- .tag.image-gen {
109
- background-color: #4CAF50; /* ๋…น์ƒ‰ */
110
- color: white;
111
- }
112
- .tag.image-edit {
113
- background-color: #FF5722; /* ์ฃผํ™ฉ์ƒ‰ */
114
- color: white;
115
- }
116
-
117
- .event p a {
118
- color: #4caf50;
119
- text-decoration: none;
120
- }
121
-
122
- .event p a:hover {
123
- text-decoration: underline;
124
- }
125
-
126
  .github-link {
127
  text-align: center;
128
  padding: 8px;
129
  background-color: #24292e;
130
- color: white;
131
  font-size: 14px;
132
  }
133
  .github-link a {
134
- color: white;
135
  text-decoration: none;
136
  }
137
- .github-link a:hover {
138
- text-decoration: underline;
139
- }
140
-
141
  .filter-group {
142
- display: flex;
143
- flex-direction: column;
144
- align-items: center;
145
- gap: 15px;
146
- padding: 20px 0;
147
- background-color: white;
148
  border-bottom: 1px solid #eee;
 
 
 
149
  }
150
-
151
- .toggle-container {
152
- display: flex;
153
- flex-wrap: wrap;
154
- gap: 8px;
155
- justify-content: center;
156
- max-width: 900px;
157
- padding: 0 20px;
158
- }
159
-
160
- .toggle-button {
161
  padding: 6px 12px;
 
162
  border: 1px solid #ddd;
163
  border-radius: 15px;
164
- background-color: white;
165
  font-size: 13px;
166
  cursor: pointer;
167
- transition: all 0.2s ease;
168
- min-width: 80px;
169
- text-align: center;
170
  }
171
- .toggle-button.active {
172
  background-color: #2196f3;
173
  border-color: #2196f3;
174
- color: white;
175
  }
176
-
177
- /* ๊ธฐ์กด ํ•„ํ„ฐ ๋ฒ„ํŠผ ์Šคํƒ€์ผ */
178
- .toggle-button[data-filter="best"] { background-color: #FFD700; color: black; }
179
- .toggle-button[data-filter="new"] { background-color: #FF4081; color: white; }
180
- .toggle-button[data-filter="popular"] { background-color: #ffa500; color: black; }
181
- .toggle-button[data-filter="text"] { background-color: #9c27b0; color: white; }
182
- .toggle-button[data-filter="audio"] { background-color: #ff9800; color: white; }
183
- .toggle-button[data-filter="vision"] { background-color: #03a9f4; color: white; }
184
- .toggle-button[data-filter="multimodal"] { background-color: #795548; color: white; }
185
- .toggle-button[data-filter="video"] { background-color: #E91E63; color: white; }
186
- .toggle-button[data-filter="utility"] { background-color: #9E9E9E; color: white; }
187
- .toggle-button[data-filter="predict"] { background-color: #673AB7; color: white; }
188
- .toggle-button[data-filter="Productivity"] { background-color: #673AB7; color: white; }
189
-
190
- .toggle-button[data-filter="game"] { background-color: #4CAF50; color: white; }
191
- .toggle-button[data-filter="education"] { background-color: #3F51B5; color: white; }
192
-
193
- /* ์ƒˆ๋กœ์šด ํ•˜์œ„ ์นดํ…Œ๊ณ ๋ฆฌ ํ•„ํ„ฐ ๋ฒ„ํŠผ ์Šคํƒ€์ผ */
194
- .toggle-button[data-filter="image-gen"] { background-color: #4CAF50; color: white; }
195
- .toggle-button[data-filter="image-edit"] { background-color: #FF5722; color: white; }
196
-
197
- .toggle-button[data-filter="image-gen"].active { background-color: #388E3C; border-color: #388E3C; }
198
- .toggle-button[data-filter="image-edit"].active { background-color: #E64A19; border-color: #E64A19; }
199
-
200
- .counter-container {
201
- text-align: center;
202
- padding: 15px;
203
- font-size: 14px;
204
- color: #666;
205
- background-color: #f8f9fa;
206
  }
207
-
208
- .counter-item span {
209
- font-weight: bold;
210
- color: #2196f3;
 
211
  }
212
-
213
- .counter-divider {
214
- margin: 0 10px;
215
- color: #ddd;
216
  }
217
-
218
- .section-title {
219
- text-align: center;
220
- padding: 15px;
221
- color: white;
222
- background-color: #6200ea;
 
 
 
 
 
 
 
 
 
223
  margin: 0;
224
- font-size: 18px;
 
 
 
 
 
 
225
  }
226
  </style>
227
  </head>
@@ -229,1346 +91,236 @@
229
  <div class="github-link">
230
  <a href="https://discord.gg/openfreeai" target="_blank">Community</a>
231
  </div>
232
-
233
- <div class="filter-group">
234
- <div class="toggle-container">
235
- <button class="toggle-button active" data-filter="all">All Models</button>
236
- <button class="toggle-button" data-filter="best">BEST</button>
237
- <button class="toggle-button" data-filter="popular">POPULAR</button>
238
- <button class="toggle-button" data-filter="new">NEW</button>
239
- </div>
240
- <div class="category-group">
241
- <button class="toggle-button" data-filter="text">Text</button>
242
- <button class="toggle-button" data-filter="image-gen">Image Gen</button>
243
- <button class="toggle-button" data-filter="image-edit">Image Edit</button>
244
- <button class="toggle-button" data-filter="audio">Audio</button>
245
- <button class="toggle-button" data-filter="vision">Vision</button>
246
- <button class="toggle-button" data-filter="multimodal">Multimodal</button>
247
- <button class="toggle-button" data-filter="video">Video</button>
248
- <button class="toggle-button" data-filter="predict">Predict</button>
249
- <button class="toggle-button" data-filter="Productivity">Productivity</button>
250
- <button class="toggle-button" data-filter="utility">Utility</button>
251
-
252
- <button class="toggle-button" data-filter="game">Game</button>
253
- <button class="toggle-button" data-filter="education">Education</button>
254
 
255
- </div>
 
 
256
  </div>
257
-
258
- <div class="counter-container">
259
- <span class="counter-item">
260
- <span id="best-count">0</span> BEST
261
- </span>
262
- <span class="counter-divider">ยท</span>
263
- <span class="counter-item">
264
- <span id="new-count">0</span> NEW
265
- </span>
266
- <span class="counter-divider">ยท</span>
267
- <span class="counter-item">
268
- <span id="popular-count">0</span> POPULAR
269
- </span>
270
- </div>
271
-
272
- <h2 class="section-title">Latest Models</h2>
273
-
274
- <div class="timeline-container">
275
- <div class="timeline">
276
-
277
- <!-- 1) aiqcamp/diagram -->
278
- <div class="event">
279
- <h4>aiqcamp/diagram</h4>
280
- <p>FLUX DIAGRAM GENERATOR(<a href="https://huggingface.co/spaces/aiqcamp/diagram" target="_blank">link</a>).</p>
281
- <span class="tag Productivity">Productivity</span>
282
- <span class="tag best">BEST</span>
283
- </div>
284
-
285
- <!-- 2) openfree/korea-president-yoon -->
286
- <div class="event">
287
- <h4>openfree/korea-president-yoon</h4>
288
- <p>LoRA IMAGE GENERATOR(<a href="https://huggingface.co/spaces/openfree/korea-president-yoon" target="_blank">link</a>).</p>
289
- <span class="tag image-gen">Image Gen</span>
290
- <span class="tag popular">POPULAR</span>
291
-
292
- </div>
293
-
294
- <!-- 3) VIDraft/PaperImpact -->
295
- <div class="event">
296
- <h4>VIDraft/PaperImpact</h4>
297
- <p>Paper Predict(<a href="https://huggingface.co/spaces/VIDraft/PaperImpact" target="_blank">link</a>).</p>
298
- <span class="tag Predict">Predict</span>
299
- <span class="tag best">BEST</span>
300
- </div>
301
-
302
- <!-- 4) openfree/CryptoVision -->
303
- <div class="event">
304
- <h4>openfree/CryptoVision</h4>
305
- <p>Crypto Price Predict(<a href="https://huggingface.co/spaces/openfree/CryptoVision" target="_blank">link</a>).</p>
306
- <span class="tag predict">Predict</span>
307
- <span class="tag popular">POPULAR</span>
308
-
309
- </div>
310
-
311
- <!-- 5) gunship999/Gunship-3D-FPS -->
312
- <div class="event">
313
- <h4>gunship999/Gunship-3D-FPS</h4>
314
- <p>3D FPS(<a href="https://huggingface.co/spaces/gunship999/Gunship-3D-FPS" target="_blank">link</a>).</p>
315
- <span class="tag game">Game</span>
316
- <span class="tag new">NEW</span>
317
- </div>
318
-
319
- <!-- 6) fantos/VoiceClone -->
320
- <div class="event">
321
- <h4>fantos/VoiceClone</h4>
322
- <p>Voice Clone & TTS(<a href="https://huggingface.co/spaces/fantos/VoiceClone" target="_blank">link</a>).</p>
323
- <span class="tag audio">Audio</span>
324
- <span class="tag popular">POPULAR</span>
325
-
326
- </div>
327
-
328
- <!-- 7) VIDraft/ChemGenesis -->
329
- <div class="event">
330
- <h4>VIDraft/ChemGenesis</h4>
331
- <p>Chemical Predict(<a href="https://huggingface.co/spaces/VIDraft/ChemGenesis" target="_blank">link</a>).</p>
332
- <span class="tag Vision">Vision</span>
333
- <span class="tag best">BEST</span>
334
- </div>
335
-
336
- <!-- 8) seawolf2357/ocrlatex -->
337
- <div class="event">
338
- <h4>seawolf2357/ocrlatex</h4>
339
- <p>OCR LATEX VIEW(<a href="https://huggingface.co/spaces/seawolf2357/ocrlatex" target="_blank">link</a>).</p>
340
- <span class="tag Vision">Vision</span>
341
- <span class="tag popular">POPULAR</span>
342
-
343
- </div>
344
-
345
- <!-- 9) seawolf2357/img2vid -->
346
- <div class="event">
347
- <h4>seawolf2357/img2vid</h4>
348
- <p>Image to Video Generation (<a href="https://huggingface.co/spaces/seawolf2357/img2vid" target="_blank">link</a>).</p>
349
- <span class="tag video">Video</span>
350
- <span class="tag new">NEW</span>
351
- </div>
352
-
353
- <!-- 10) seawolf2357/sd-prompt-gen -->
354
- <div class="event">
355
- <h4>seawolf2357/sd-prompt-gen</h4>
356
- <p>Image Prompt Generation(<a href="https://huggingface.co/spaces/seawolf2357/sd-prompt-gen" target="_blank">link</a>).</p>
357
- <span class="tag Text">Text</span>
358
- <span class="tag new">NEW</span>
359
- </div>
360
-
361
- <!-- 11) openfree/badassgi -->
362
- <div class="event">
363
- <h4>openfree/badassgi</h4>
364
- <p>transcribe & translate(<a href="https://huggingface.co/spaces/openfree/badassgi" target="_blank">link</a>).</p>
365
- <span class="tag Multimodal">Multimodal</span>
366
- <span class="tag popular">POPULAR</span>
367
-
368
- </div>
369
-
370
- <!-- 12) openfree/tarotcard -->
371
- <div class="event">
372
- <h4>openfree/tarotcard</h4>
373
- <p>Tarot Card Fotune(<a href="https://huggingface.co/spaces/openfree/tarotcard" target="_blank">link</a>).</p>
374
- <span class="tag Utility">Utility</span>
375
- <span class="tag popular">POPULAR</span>
376
-
377
- </div>
378
-
379
- <!-- 13) openfree/drqxab -->
380
- <div class="event">
381
- <h4>openfree/drqxab</h4>
382
- <p>3D Simulation(<a href="https://huggingface.co/spaces/openfree/drqxab" target="_blank">link</a>).</p>
383
- <span class="tag Education">Education</span>
384
- <span class="tag new">NEW</span>
385
- </div>
386
-
387
- <!-- 14) aiqcamp/Polaroid -->
388
- <div class="event">
389
- <h4>aiqcamp/Polaroid</h4>
390
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/aiqcamp/Polaroid" target="_blank">link</a>).</p>
391
- <span class="tag image-gen">Image Gen</span>
392
- <span class="tag popular">POPULAR</span>
393
-
394
- </div>
395
-
396
- <!-- 15) ginigen/cartoon -->
397
- <div class="event">
398
- <h4>ginigen/cartoon</h4>
399
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/ginigen/cartoon" target="_blank">link</a>).</p>
400
- <span class="tag image-gen">Image Gen</span>
401
- <span class="tag popular">POPULAR</span>
402
-
403
 
404
- </div>
405
-
406
- <!-- 16) ginigen/Book-Cover -->
407
- <div class="event">
408
- <h4>ginigen/Book-Cover</h4>
409
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/ginigen/Book-Cover" target="_blank">link</a>).</p>
410
- <span class="tag image-gen">Image Gen</span>
411
- <span class="tag popular">POPULAR</span>
412
-
413
- </div>
414
-
415
-
416
- <!-- 17) aiqcamp/fash -->
417
- <div class="event">
418
- <h4>aiqcamp/fash</h4>
419
- <p>Link (<a href="https://huggingface.co/spaces/aiqcamp/fash" target="_blank">link</a>).</p>
420
- <span class="tag Productivity">Productivity</span>
421
- <span class="tag popular">POPULAR</span>
422
-
423
- </div>
424
-
425
- <!-- 18) gunship999/Korea-Daily-News -->
426
- <div class="event">
427
- <h4>gunship999/Korea-Daily-News</h4>
428
- <p>Link (<a href="https://huggingface.co/spaces/gunship999/Korea-Daily-News" target="_blank">link</a>).</p>
429
- <span class="tag Productivity">Productivity</span>
430
- <span class="tag popular">POPULAR</span>
431
-
432
- </div>
433
-
434
- <!-- 19) kolaslab/Quantum -->
435
- <div class="event">
436
- <h4>kolaslab/Quantum</h4>
437
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/Quantum" target="_blank">link</a>).</p>
438
- <span class="tag education">Education</span>
439
- <span class="tag new">NEW</span>
440
- </div>
441
-
442
- <!-- 20) openfree/webtoon -->
443
- <div class="event">
444
- <h4>openfree/webtoon</h4>
445
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/openfree/webtoon" target="_blank">link</a>).</p>
446
- <span class="tag image-gen">Image Gen</span>
447
- <span class="tag popular">POPULAR</span>
448
-
449
- </div>
450
-
451
- <!-- 21) immunobiotech/ChicagoGallery -->
452
- <div class="event">
453
- <h4>immunobiotech/ChicagoGallery</h4>
454
- <p>Link (<a href="https://huggingface.co/spaces/immunobiotech/ChicagoGallery" target="_blank">link</a>).</p>
455
- <span class="tag Productivity">Productivity</span>
456
- <span class="tag popular">POPULAR</span>
457
-
458
- </div>
459
-
460
- <!-- 22) immunobiotech/MetropolitanMuseum -->
461
- <div class="event">
462
- <h4>immunobiotech/MetropolitanMuseum</h4>
463
- <p>Link (<a href="https://huggingface.co/spaces/immunobiotech/MetropolitanMuseum" target="_blank">link</a>).</p>
464
- <span class="tag Productivity">Productivity</span>
465
- <span class="tag popular">POPULAR</span>
466
-
467
- </div>
468
-
469
- <!-- 23) immunobiotech/opensky -->
470
- <div class="event">
471
- <h4>immunobiotech/opensky</h4>
472
- <p>Link (<a href="https://huggingface.co/spaces/immunobiotech/opensky" target="_blank">link</a>).</p>
473
- <span class="tag Utility">Utility</span>
474
- <span class="tag popular">POPULAR</span>
475
-
476
- </div>
477
-
478
- <!-- 24) kolaslab/Audio-Visualizer -->
479
- <div class="event">
480
- <h4>kolaslab/Audio-Visualizer</h4>
481
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/Audio-Visualizer" target="_blank">link</a>).</p>
482
- <span class="tag audio">Audio</span>
483
- <span class="tag new">NEW</span>
484
- </div>
485
-
486
- <!-- 25) kolaslab/Radio-Learning -->
487
- <div class="event">
488
- <h4>kolaslab/Radio-Learning</h4>
489
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/Radio-Learning" target="_blank">link</a>).</p>
490
- <span class="tag audio">Audio</span>
491
- <span class="tag new">NEW</span>
492
- </div>
493
-
494
- <!-- 26) kolaslab/Future-Gallaxy -->
495
- <div class="event">
496
- <h4>kolaslab/Future-Gallaxy</h4>
497
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/Future-Gallaxy" target="_blank">link</a>).</p>
498
- <span class="tag Education">Education</span>
499
- <span class="tag new">NEW</span>
500
- </div>
501
-
502
- <!-- 27) openfree/ProteinGenesis -->
503
- <div class="event">
504
- <h4>openfree/ProteinGenesis</h4>
505
- <p>Protein generation & Predict(<a href="https://huggingface.co/spaces/openfree/ProteinGenesis" target="_blank">link</a>).</p>
506
- <span class="tag Predict">Predict</span>
507
- <span class="tag best">BEST</span>
508
- </div>
509
-
510
- <!-- 28) openfree/2025saju -->
511
- <div class="event">
512
- <h4>openfree/2025saju</h4>
513
- <p>Link (<a href="https://huggingface.co/spaces/openfree/2025saju" target="_blank">link</a>).</p>
514
- <span class="tag Utility">Utility</span>
515
- <span class="tag popular">POPULAR</span>
516
-
517
- </div>
518
-
519
- <!-- 29) ginigen/Dokdo-membership -->
520
- <div class="event">
521
- <h4>ginigen/Dokdo-membership</h4>
522
- <p>Link (<a href="https://huggingface.co/spaces/ginigen/Dokdo-membership" target="_blank">link</a>).</p>
523
- <span class="tag Video">Video</span>
524
- <span class="tag best">BEST</span>
525
- </div>
526
-
527
- <!-- 30) VIDraft/eum -->
528
- <div class="event">
529
- <h4>VIDraft/eum</h4>
530
- <p>Link (<a href="https://huggingface.co/spaces/VIDraft/eum" target="_blank">link</a>).</p>
531
- <span class="tag Text">Text</span>
532
- <span class="tag best">BEST</span>
533
- </div>
534
-
535
- <!-- 31) kolaslab/VisionART -->
536
- <div class="event">
537
- <h4>kolaslab/VisionART</h4>
538
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/VisionART" target="_blank">link</a>).</p>
539
- <span class="tag Multimodal">Multimodal</span>
540
- <span class="tag new">NEW</span>
541
- </div>
542
-
543
- <!-- 32) aiqtech/FLUX-military -->
544
- <div class="event">
545
- <h4>aiqtech/FLUX-military</h4>
546
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/aiqtech/FLUX-military" target="_blank">link</a>).</p>
547
- <span class="tag image-gen">Image Gen</span>
548
- <span class="tag popular">POPULAR</span>
549
-
550
- </div>
551
-
552
- <!-- 33) fantaxy/Rolls-Royce -->
553
- <div class="event">
554
- <h4>fantaxy/Rolls-Royce</h4>
555
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/fantaxy/Rolls-Royce" target="_blank">link</a>).</p>
556
- <span class="tag image-gen">Image Gen</span>
557
- <span class="tag popular">POPULAR</span>
558
-
559
- </div>
560
-
561
- <!-- 34) seawolf2357/flux-korea-hanbok-lora -->
562
- <div class="event">
563
- <h4>seawolf2357/flux-korea-hanbok-lora</h4>
564
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/seawolf2357/flux-korea-hanbok-lora" target="_blank">link</a>).</p>
565
- <span class="tag image-gen">Image Gen</span>
566
- <span class="tag popular">POPULAR</span>
567
-
568
- </div>
569
-
570
- <!-- 35) seawolf2357/flux-korea-palace-lora -->
571
- <div class="event">
572
- <h4>seawolf2357/flux-korea-palace-lora</h4>
573
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/seawolf2357/flux-korea-palace-lora" target="_blank">link</a>).</p>
574
- <span class="tag image-gen">Image Gen</span>
575
- <span class="tag popular">POPULAR</span>
576
-
577
- </div>
578
-
579
- <!-- 36) aiqcamp/flux-cat-lora -->
580
- <div class="event">
581
- <h4>aiqcamp/flux-cat-lora</h4>
582
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/aiqcamp/flux-cat-lora" target="_blank">link</a>).</p>
583
- <span class="tag image-gen">Image Gen</span>
584
- <span class="tag popular">POPULAR</span>
585
-
586
- </div>
587
-
588
- <!-- 37) gunship999/SexyImages -->
589
- <div class="event">
590
- <h4>gunship999/SexyImages</h4>
591
- <p>Link (<a href="https://huggingface.co/spaces/gunship999/SexyImages" target="_blank">link</a>).</p>
592
- <span class="tag image-gen">Image Gen</span>
593
- <span class="tag popular">POPULAR</span>
594
-
595
- </div>
596
-
597
- <!-- 38) aiqtech/flux-claude-monet-lora -->
598
- <div class="event">
599
- <h4>aiqtech/flux-claude-monet-lora</h4>
600
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/aiqtech/flux-claude-monet-lora" target="_blank">link</a>).</p>
601
- <span class="tag image-gen">Image Gen</span>
602
- <span class="tag popular">POPULAR</span>
603
-
604
- </div>
605
-
606
- <!-- 39) ginigen/CANVAS-o3 -->
607
- <div class="event">
608
- <h4>ginigen/CANVAS-o3</h4>
609
- <p>Link (<a href="https://huggingface.co/spaces/ginigen/CANVAS-o3" target="_blank">link</a>).</p>
610
- <span class="tag Productivity">Productivity</span>
611
- <span class="tag best">BEST</span>
612
- </div>
613
-
614
- <!-- 40) kolaslab/world-sdr -->
615
- <div class="event">
616
- <h4>kolaslab/world-sdr</h4>
617
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/world-sdr" target="_blank">link</a>).</p>
618
- <span class="tag Education">Education</span>
619
- <span class="tag new">NEW</span>
620
- </div>
621
-
622
- <!-- 41) seawolf2357/3D-Avatar-Generator -->
623
- <div class="event">
624
- <h4>seawolf2357/3D-Avatar-Generator</h4>
625
- <p>Link (<a href="https://huggingface.co/spaces/seawolf2357/3D-Avatar-Generator" target="_blank">link</a>).</p>
626
- <span class="tag image-edit">Image Edit</span>
627
- <span class="tag new">NEW</span>
628
- </div>
629
-
630
- <!-- 42) fantaxy/playground25 -->
631
- <div class="event">
632
- <h4>fantaxy/playground25</h4>
633
- <p>ZeroWeight Image Studio(<a href="https://huggingface.co/spaces/fantaxy/playground25" target="_blank">link</a>).</p>
634
- <span class="tag image-gen">Image Gen</span>
635
- <span class="tag new">NEW</span>
636
- </div>
637
-
638
- <!-- 43) openfree/ultpixgen -->
639
- <div class="event">
640
- <h4>openfree/ultpixgen</h4>
641
- <p>Link (<a href="https://huggingface.co/spaces/openfree/ultpixgen" target="_blank">link</a>).</p>
642
- <span class="tag image-edit">Image Edit</span>
643
- <span class="tag popular">POPULAR</span>
644
-
645
- </div>
646
-
647
- <!-- 44) kolaslab/VISION-NIGHT -->
648
- <div class="event">
649
- <h4>kolaslab/VISION-NIGHT</h4>
650
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/VISION-NIGHT" target="_blank">link</a>).</p>
651
- <span class="tag vision">Vision</span>
652
- <span class="tag new">NEW</span>
653
- </div>
654
-
655
- <!-- 45) kolaslab/FLUX-WEB -->
656
- <div class="event">
657
- <h4>kolaslab/FLUX-WEB</h4>
658
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/FLUX-WEB" target="_blank">link</a>).</p>
659
- <span class="tag image-gen">Image Gen</span>
660
- <span class="tag new">NEW</span>
661
- </div>
662
-
663
- <!-- 46) seawolf2357/REALVISXL-V5 -->
664
- <div class="event">
665
- <h4>seawolf2357/REALVISXL-V5</h4>
666
- <p>Link (<a href="https://huggingface.co/spaces/seawolf2357/REALVISXL-V5" target="_blank">link</a>).</p>
667
- <span class="tag image-gen">Image Gen</span>
668
- <span class="tag popular">POPULAR</span>
669
-
670
- </div>
671
-
672
- <!-- 47) ginipick/Dokdo-multimodal -->
673
- <div class="event">
674
- <h4>ginipick/Dokdo-multimodal</h4>
675
- <p>Link (<a href="https://huggingface.co/spaces/ginipick/Dokdo-multimodal" target="_blank">link</a>).</p>
676
- <span class="tag multimodal">Multimodal</span>
677
- <span class="tag best">BEST</span>
678
- </div>
679
-
680
- <!-- 48) ginigen/theater -->
681
- <div class="event">
682
- <h4>ginigen/theater</h4>
683
- <p>Link (<a href="https://huggingface.co/spaces/ginigen/theater" target="_blank">link</a>).</p>
684
- <span class="tag video">Video</span>
685
- <span class="tag popular">POPULAR</span>
686
-
687
- </div>
688
-
689
- <!-- 49) VIDraft/stock -->
690
- <div class="event">
691
- <h4>VIDraft/stock</h4>
692
- <p>Link (<a href="https://huggingface.co/spaces/VIDraft/stock" target="_blank">link</a>).</p>
693
- <span class="tag predict">Predict</span>
694
- <span class="tag popular">POPULAR</span>
695
-
696
- </div>
697
-
698
- <!-- 50) fantos/flxcontrol -->
699
- <div class="event">
700
- <h4>fantos/flxcontrol</h4>
701
- <p>Link (<a href="https://huggingface.co/spaces/fantos/flxcontrol" target="_blank">link</a>).</p>
702
- <span class="tag image-edit">Image Edit</span>
703
- <span class="tag new">NEW</span>
704
- </div>
705
-
706
- <!-- 51) fantos/textcutobject -->
707
- <div class="event">
708
- <h4>fantos/textcutobject</h4>
709
- <p>Link (<a href="https://huggingface.co/spaces/fantos/textcutobject" target="_blank">link</a>).</p>
710
- <span class="tag image-edit">Image Edit</span>
711
- <span class="tag popular">POPULAR</span>
712
-
713
- </div>
714
-
715
- <!-- 52) ginipick/FLUX-Prompt-Generator -->
716
- <div class="event">
717
- <h4>ginipick/FLUX-Prompt-Generator</h4>
718
- <p>Link (<a href="https://huggingface.co/spaces/ginipick/FLUX-Prompt-Generator" target="_blank">link</a>).</p>
719
- <span class="tag text">Text</span>
720
- <span class="tag new">NEW</span>
721
- </div>
722
-
723
- <!-- 53) fantaxy/flxloraexp -->
724
- <div class="event">
725
- <h4>fantaxy/flxloraexp</h4>
726
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/fantaxy/flxloraexp" target="_blank">link</a>).</p>
727
- <span class="tag image-gen">Image Gen</span>
728
- <span class="tag popular">POPULAR</span>
729
-
730
- </div>
731
-
732
- <!-- 54) fantos/flxloraexp -->
733
- <div class="event">
734
- <h4>fantos/flxloraexp</h4>
735
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/fantos/flxloraexp" target="_blank">link</a>).</p>
736
- <span class="tag image-gen">Image Gen</span>
737
- <span class="tag new">NEW</span>
738
- </div>
739
-
740
- <!-- 55) seawolf2357/flxloraexp -->
741
- <div class="event">
742
- <h4>seawolf2357/flxloraexp</h4>
743
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/seawolf2357/flxloraexp" target="_blank">link</a>).</p>
744
- <span class="tag image-gen">Image Gen</span>
745
- <span class="tag new">NEW</span>
746
- </div>
747
-
748
- <!-- 56) ginipick/flxloraexp -->
749
- <div class="event">
750
- <h4>ginipick/flxloraexp</h4>
751
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/ginipick/flxloraexp" target="_blank">link</a>).</p>
752
- <span class="tag image-gen">Image Gen</span>
753
- <span class="tag new">NEW</span>
754
- </div>
755
-
756
- <!-- 57) ginigen/Sign-language -->
757
- <div class="event">
758
- <h4>ginigen/Sign-language</h4>
759
- <p>America Sign language generator(<a href="https://huggingface.co/spaces/ginigen/Sign-language" target="_blank">link</a>).</p>
760
- <span class="tag Video">Video</span>
761
- <span class="tag popular">BEST</span>
762
-
763
- </div>
764
-
765
- <!-- 58) ginigen/Dokdo -->
766
- <div class="event">
767
- <h4>ginigen/Dokdo</h4>
768
- <p>Video Generation(<a href="https://huggingface.co/spaces/ginigen/Dokdo" target="_blank">link</a>).</p>
769
- <span class="tag Video">Video</span>
770
- <span class="tag best">BEST</span>
771
- </div>
772
-
773
- <!-- 59) aiqcamp/imagemagic -->
774
- <div class="event">
775
- <h4>aiqcamp/imagemagic</h4>
776
- <p>Image Inpainting(<a href="https://huggingface.co/spaces/aiqcamp/imagemagic" target="_blank">link</a>).</p>
777
- <span class="tag image-edit">Image Edit</span>
778
- <span class="tag popular">POPULAR</span>
779
-
780
- </div>
781
-
782
- <!-- 60) openfree/ColorRevive -->
783
- <div class="event">
784
- <h4>openfree/ColorRevive</h4>
785
- <p>Link (<a href="https://huggingface.co/spaces/openfree/ColorRevive" target="_blank">link</a>).</p>
786
- <span class="tag image-edit">Image Edit</span>
787
- <span class="tag popular">POPULAR</span>
788
-
789
- </div>
790
-
791
- <!-- 61) VIDraft/RAGOndevice -->
792
- <div class="event">
793
- <h4>VIDraft/RAGOndevice</h4>
794
- <p>Link (<a href="https://huggingface.co/spaces/VIDraft/RAGOndevice" target="_blank">link</a>).</p>
795
- <span class="tag text">Text</span>
796
- <span class="tag best">BEST</span>
797
- </div>
798
-
799
- <!-- 62) gunship999/Radar-Bluetooth -->
800
- <div class="event">
801
- <h4>gunship999/Radar-Bluetooth</h4>
802
- <p>Link (<a href="https://huggingface.co/spaces/gunship999/Radar-Bluetooth" target="_blank">link</a>).</p>
803
- <span class="tag utility">Utility</span>
804
- <span class="tag new">NEW</span>
805
- </div>
806
-
807
- <!-- 63) gunship999/WiFi-VISION -->
808
- <div class="event">
809
- <h4>gunship999/WiFi-VISION</h4>
810
- <p>Link (<a href="https://huggingface.co/spaces/gunship999/WiFi-VISION" target="_blank">link</a>).</p>
811
- <span class="tag vision">Vision</span>
812
- <span class="tag new">NEW</span>
813
- </div>
814
-
815
- <!-- 64) gunship999/SONAR-Radar -->
816
- <div class="event">
817
- <h4>gunship999/SONAR-Radar</h4>
818
- <p>Link (<a href="https://huggingface.co/spaces/gunship999/SONAR-Radar" target="_blank">link</a>).</p>
819
- <span class="tag utility">Utility</span>
820
- <span class="tag new">NEW</span>
821
- </div>
822
-
823
- <!-- 65) aiqcamp/AudioLlama -->
824
- <div class="event">
825
- <h4>aiqcamp/AudioLlama</h4>
826
- <p>Sound Generation(<a href="https://huggingface.co/spaces/aiqcamp/AudioLlama" target="_blank">link</a>).</p>
827
- <span class="tag audio">Audio</span>
828
- <span class="tag best">BEST</span>
829
-
830
- </div>
831
-
832
- <!-- 66) ginigen/FLUXllama-Multilingual -->
833
- <div class="event">
834
- <h4>ginigen/FLUXllama-Multilingual</h4>
835
- <p>Flux Image Generation(<a href="https://huggingface.co/spaces/ginigen/FLUXllama-Multilingual" target="_blank">link</a>).</p>
836
- <span class="tag image-gen">Image Gen</span>
837
- <span class="tag best">BEST</span>
838
- </div>
839
-
840
- <!-- 67) ginipick/ginimedi -->
841
- <div class="event">
842
- <h4>ginipick/ginimedi</h4>
843
- <p>RAG Chatbot(<a href="https://huggingface.co/spaces/ginipick/ginimedi" target="_blank">link</a>).</p>
844
- <span class="tag Productivity">Productivity</span>
845
- <span class="tag best">BEST</span>
846
- </div>
847
-
848
- <!-- 68) ginipick/ginilaw -->
849
- <div class="event">
850
- <h4>ginipick/ginilaw</h4>
851
- <p>RAG Chatbot(<a href="https://huggingface.co/spaces/ginipick/ginilaw" target="_blank">link</a>).</p>
852
- <span class="tag Productivity">Productivity</span>
853
- <span class="tag best">BEST</span>
854
- </div>
855
-
856
- <!-- 69) ginipick/ginipharm -->
857
- <div class="event">
858
- <h4>ginipick/ginipharm</h4>
859
- <p>RAG Chatbot(<a href="https://huggingface.co/spaces/ginipick/ginipharm" target="_blank">link</a>).</p>
860
- <span class="tag Productivity">Productivity</span>
861
- <span class="tag best">BEST</span>
862
- </div>
863
-
864
- <!-- 70) ginipick/FitGen -->
865
- <div class="event">
866
- <h4>ginipick/FitGen</h4>
867
- <p>Fashion Generation(<a href="https://huggingface.co/spaces/ginipick/FitGen" target="_blank">link</a>).</p>
868
- <span class="tag Productivity">Productivity</span>
869
- <span class="tag best">BEST</span>
870
- </div>
871
-
872
- <!-- 71) fantaxy/FLUX-Animations -->
873
- <div class="event">
874
- <h4>fantaxy/FLUX-Animations</h4>
875
- <p>Flux GIF Generation(<a href="https://huggingface.co/spaces/fantaxy/FLUX-Animations" target="_blank">link</a>).</p>
876
- <span class="tag image-gen">Image Gen</span>
877
- <span class="tag popular">POPULAR</span>
878
-
879
- </div>
880
-
881
- <!-- 72) fantaxy/Remove-Video-Background -->
882
- <div class="event">
883
- <h4>fantaxy/Remove-Video-Background</h4>
884
- <p>Remove Video Background(<a href="https://huggingface.co/spaces/fantaxy/Remove-Video-Background" target="_blank">link</a>).</p>
885
- <span class="tag Productivity">Productivity</span>
886
- <span class="tag best">BEST</span>
887
- </div>
888
-
889
- <!-- 73) fantaxy/ofai-flx-logo -->
890
- <div class="event">
891
- <h4>fantaxy/ofai-flx-logo</h4>
892
- <p>Flux Image Generation(<a href="https://huggingface.co/spaces/fantaxy/ofai-flx-logo" target="_blank">link</a>).</p>
893
- <span class="tag Productivity">Productivity</span>
894
- <span class="tag popular">POPULAR</span>
895
-
896
- </div>
897
-
898
- <!-- 74) fantaxy/flx-pulid -->
899
- <div class="event">
900
- <h4>fantaxy/flx-pulid</h4>
901
- <p>Flux Image Generation(<a href="https://huggingface.co/spaces/fantaxy/flx-pulid" target="_blank">link</a>).</p>
902
- <span class="tag image-edit">Image Edit</span>
903
- <span class="tag popular">POPULAR</span>
904
-
905
- </div>
906
-
907
- <!-- 75) fantaxy/flx-upscale -->
908
- <div class="event">
909
- <h4>fantaxy/flx-upscale</h4>
910
- <p>Flux Image Inpainting(<a href="https://huggingface.co/spaces/fantaxy/flx-upscale" target="_blank">link</a>).</p>
911
- <span class="tag Productivity">Productivity</span>
912
- <span class="tag best">BEST</span>
913
- </div>
914
-
915
- <!-- 76) aiqcamp/Fashion-FLUX -->
916
- <div class="event">
917
- <h4>aiqcamp/Fashion-FLUX</h4>
918
- <p>Fashion Generation(<a href="https://huggingface.co/spaces/aiqcamp/Fashion-FLUX" target="_blank">link</a>).</p>
919
- <span class="tag Productivity">Productivity</span>
920
- <span class="tag best">BEST</span>
921
- </div>
922
-
923
- <!-- 77) ginipick/StyleGen -->
924
- <div class="event">
925
- <h4>ginipick/StyleGen</h4>
926
- <p>Fashion Generation(<a href="https://huggingface.co/spaces/ginipick/StyleGen" target="_blank">link</a>).</p>
927
- <span class="tag Productivity">Productivity</span>
928
- <span class="tag best">BEST</span>
929
- </div>
930
-
931
- <!-- 78) openfree/StoryStar -->
932
- <div class="event">
933
- <h4>openfree/StoryStar</h4>
934
- <p>Fantasy Novel Generation(<a href="https://huggingface.co/spaces/openfree/StoryStar" target="_blank">link</a>).</p>
935
- <span class="tag text">Text</span>
936
- <span class="tag popular">POPULAR</span>
937
-
938
- </div>
939
-
940
- <!-- 79) fantos/x-mas -->
941
- <div class="event">
942
- <h4>fantos/x-mas</h4>
943
- <p>Flux Image Generation(<a href="https://huggingface.co/spaces/fantos/x-mas" target="_blank">link</a>).</p>
944
- <span class="tag image-gen">Image Gen</span>
945
- <span class="tag new">NEW</span>
946
- </div>
947
-
948
- <!-- 80) openfree/Korean-Leaderboard -->
949
- <div class="event">
950
- <h4>openfree/Korean-Leaderboard</h4>
951
- <p>LKorean Leaderboard(<a href="https://huggingface.co/spaces/openfree/Korean-Leaderboard" target="_blank">link</a>).</p>
952
- <span class="tag Utility">Utility</span>
953
- <span class="tag best">BEST</span>
954
- </div>
955
-
956
- <!-- 81) ginipick/FLUXllama -->
957
- <div class="event">
958
- <h4>ginipick/FLUXllama</h4>
959
- <p>Flux Image Generation(<a href="https://huggingface.co/spaces/ginipick/FLUXllama" target="_blank">link</a>).</p>
960
- <span class="tag image-gen">Image Gen</span>
961
- <span class="tag best">BEST</span>
962
- </div>
963
-
964
- <!-- 82) ginipick/SORA-3D -->
965
- <div class="event">
966
- <h4>ginipick/SORA-3D</h4>
967
- <p>Text/Image to 3D(<a href="https://huggingface.co/spaces/ginipick/SORA-3D" target="_blank">link</a>).</p>
968
- <span class="tag Productivity">Productivity</span>
969
- <span class="tag best">BEST</span>
970
- </div>
971
-
972
- <!-- 83) fantaxy/Sound-AI-SFX -->
973
- <div class="event">
974
- <h4>fantaxy/Sound-AI-SFX</h4>
975
- <p>Sound Generation(<a href="https://huggingface.co/spaces/fantaxy/Sound-AI-SFX" target="_blank">link</a>).</p>
976
- <span class="tag audio">Audio</span>
977
- <span class="tag popular">POPULAR</span>
978
-
979
- </div>
980
-
981
- <!-- 84) fantos/flx8lora -->
982
- <div class="event">
983
- <h4>fantos/flx8lora</h4>
984
- <p>Flux Image Generation(<a href="https://huggingface.co/spaces/fantos/flx8lora" target="_blank">link</a>).</p>
985
- <span class="tag image-gen">Image Gen</span>
986
- <span class="tag popular">POPULAR</span>
987
-
988
- </div>
989
-
990
- <!-- 85) ginigen/Canvas -->
991
- <div class="event">
992
- <h4>ginigen/Canvas</h4>
993
- <p>Flux Image Inpainting(<a href="https://huggingface.co/spaces/ginigen/Canvas" target="_blank">link</a>).</p>
994
- <span class="tag image-edit">Image Edit</span>
995
- <span class="tag popular">POPULAR</span>
996
- </div>
997
-
998
- <!-- 86) fantaxy/erotica -->
999
- <div class="event">
1000
- <h4>fantaxy/erotica</h4>
1001
- <p>Adult Novel Generation(<a href="https://huggingface.co/spaces/fantaxy/erotica" target="_blank">link</a>).</p>
1002
- <span class="tag Text">Text</span>
1003
- <span class="tag popular">POPULAR</span>
1004
-
1005
- </div>
1006
-
1007
- <!-- 87) ginipick/time-machine -->
1008
- <div class="event">
1009
- <h4>ginipick/time-machine</h4>
1010
- <p>Flux Image Generation(<a href="https://huggingface.co/spaces/ginipick/time-machine" target="_blank">link</a>).</p>
1011
- <span class="tag image-gen">Image Gen</span>
1012
- <span class="tag popular">POPULAR</span>
1013
-
1014
- </div>
1015
-
1016
- <!-- 88) aiqcamp/FLUX-VisionReply -->
1017
- <div class="event">
1018
- <h4>aiqcamp/FLUX-VisionReply</h4>
1019
- <p>Flux Image Inpainting(<a href="https://huggingface.co/spaces/aiqcamp/FLUX-VisionReply" target="_blank">link</a>).</p>
1020
- <span class="tag Productivity">Productivity</span>
1021
- <span class="tag popular">POPULAR</span>
1022
-
1023
- </div>
1024
-
1025
- <!-- 89) openfree/Tetris-Game -->
1026
- <div class="event">
1027
- <h4>openfree/Tetris-Game</h4>
1028
- <p>Link (<a href="https://huggingface.co/spaces/openfree/Tetris-Game" target="_blank">link</a>).</p>
1029
- <span class="tag game">Game</span>
1030
- <span class="tag popular">POPULAR</span>
1031
-
1032
- </div>
1033
-
1034
- <!-- 90) openfree/everychat -->
1035
- <div class="event">
1036
- <h4>openfree/everychat</h4>
1037
- <p>Multi LLM Chatbot(<a href="https://huggingface.co/spaces/openfree/everychat" target="_blank">link</a>).</p>
1038
- <span class="tag text">Text</span>
1039
- <span class="tag best">BEST</span>
1040
- </div>
1041
-
1042
- <!-- 91) VIDraft/mouse1 -->
1043
- <div class="event">
1044
- <h4>VIDraft/mouse1</h4>
1045
- <p>NLP Creative Coding & Web/App(<a href="https://huggingface.co/spaces/VIDraft/mouse1" target="_blank">link</a>).</p>
1046
- <span class="tag Productivity">Productivity</span>
1047
- <span class="tag best">BEST</span>
1048
- </div>
1049
-
1050
- <!-- 92) kolaslab/alpha-go -->
1051
- <div class="event">
1052
- <h4>kolaslab/alpha-go</h4>
1053
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/alpha-go" target="_blank">link</a>).</p>
1054
- <span class="tag game">Game</span>
1055
- <span class="tag new">NEW</span>
1056
- </div>
1057
-
1058
- <!-- 93) ginipick/text3d -->
1059
- <div class="event">
1060
- <h4>ginipick/text3d</h4>
1061
- <p>Text to 3D Style Generation(<a href="https://huggingface.co/spaces/ginipick/text3d" target="_blank">link</a>).</p>
1062
- <span class="tag image-gen">Image Gen</span>
1063
- <span class="tag best">BEST</span>
1064
- </div>
1065
-
1066
- <!-- 94) openfree/trending-board -->
1067
- <div class="event">
1068
- <h4>openfree/trending-board</h4>
1069
- <p>Huggingface Trending Board(<a href="https://huggingface.co/spaces/openfree/trending-board" target="_blank">link</a>).</p>
1070
- <span class="tag utility">Utility</span>
1071
- <span class="tag best">BEST</span>
1072
- </div>
1073
-
1074
- <!-- 95) cutechicken/tankwar -->
1075
- <div class="event">
1076
- <h4>cutechicken/tankwar</h4>
1077
- <p>Link (<a href="https://huggingface.co/spaces/cutechicken/tankwar" target="_blank">link</a>).</p>
1078
- <span class="tag game">Game</span>
1079
- <span class="tag popular">POPULAR</span>
1080
-
1081
- </div>
1082
-
1083
- <!-- 96) openfree/game-jewel -->
1084
- <div class="event">
1085
- <h4>openfree/game-jewel</h4>
1086
- <p>Link (<a href="https://huggingface.co/spaces/openfree/game-jewel" target="_blank">link</a>).</p>
1087
- <span class="tag game">Game</span>
1088
- <span class="tag popular">POPULAR</span>
1089
-
1090
- </div>
1091
-
1092
- <!-- 97) VIDraft/mouse-chat -->
1093
- <div class="event">
1094
- <h4>VIDraft/mouse-chat</h4>
1095
- <p>Rich Chatbot(<a href="https://huggingface.co/spaces/VIDraft/mouse-chat" target="_blank">link</a>).</p>
1096
- <span class="tag Productivity">Productivity</span>
1097
- <span class="tag best">BEST</span>
1098
- </div>
1099
-
1100
- <!-- 98) ginipick/AccDiffusion -->
1101
- <div class="event">
1102
- <h4>ginipick/AccDiffusion</h4>
1103
- <p>Image Generaion(<a href="https://huggingface.co/spaces/ginipick/AccDiffusion" target="_blank">link</a>).</p>
1104
- <span class="tag image-gen">Image Gen</span>
1105
- <span class="tag new">NEW</span>
1106
- </div>
1107
-
1108
- <!-- 99) aiqtech/Particle-Accelerator-Simulation -->
1109
- <div class="event">
1110
- <h4>aiqtech/Particle-Accelerator-Simulation</h4>
1111
- <p>Link (<a href="https://huggingface.co/spaces/aiqtech/Particle-Accelerator-Simulation" target="_blank">link</a>).</p>
1112
- <span class="tag education">Education</span>
1113
- <span class="tag new">NEW</span>
1114
- </div>
1115
-
1116
- <!-- 100) openfree/GiniGEN -->
1117
- <div class="event">
1118
- <h4>openfree/GiniGEN</h4>
1119
- <p>Flux LoRA Image Generaion(<a href="https://huggingface.co/spaces/openfree/GiniGEN" target="_blank">link</a>).</p>
1120
- <span class="tag image-gen">Image Gen</span>
1121
- <span class="tag best">BEST</span>
1122
- </div>
1123
-
1124
- <!-- 101) kolaslab/3DAudio-Spectrum-Analyzer -->
1125
- <div class="event">
1126
- <h4>kolaslab/3DAudio-Spectrum-Analyzer</h4>
1127
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/3DAudio-Spectrum-Analyzer" target="_blank">link</a>).</p>
1128
- <span class="tag audio">Audio</span>
1129
- <span class="tag new">NEW</span>
1130
- </div>
1131
-
1132
- <!-- 102) openfree/trending-news-24 -->
1133
- <div class="event">
1134
- <h4>openfree/trending-news-24</h4>
1135
- <p>Link (<a href="https://huggingface.co/spaces/openfree/trending-news-24" target="_blank">link</a>).</p>
1136
- <span class="tag Utility">Utility</span>
1137
- <span class="tag new">NEW</span>
1138
- </div>
1139
-
1140
- <!-- 103) ginipick/Realtime-FLUX -->
1141
- <div class="event">
1142
- <h4>ginipick/Realtime-FLUX</h4>
1143
- <p>Flux Image Generaion(<a href="https://huggingface.co/spaces/ginipick/Realtime-FLUX" target="_blank">link</a>).</p>
1144
- <span class="tag image-gen">Image Gen</span>
1145
- <span class="tag new">NEW</span>
1146
- </div>
1147
-
1148
- <!-- 104) VIDraft/prime-number -->
1149
- <div class="event">
1150
- <h4>VIDraft/prime-number</h4>
1151
- <p>Link (<a href="https://huggingface.co/spaces/VIDraft/prime-number" target="_blank">link</a>).</p>
1152
- <span class="tag education">Education</span>
1153
- <span class="tag new">NEW</span>
1154
- </div>
1155
-
1156
- <!-- 105) kolaslab/zombie-game -->
1157
- <div class="event">
1158
- <h4>kolaslab/zombie-game</h4>
1159
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/zombie-game" target="_blank">link</a>).</p>
1160
- <span class="tag game">Game</span>
1161
- <span class="tag new">NEW</span>
1162
- </div>
1163
-
1164
- <!-- 106) fantos/miro-game -->
1165
- <div class="event">
1166
- <h4>fantos/miro-game</h4>
1167
- <p>Link (<a href="https://huggingface.co/spaces/fantos/miro-game" target="_blank">link</a>).</p>
1168
- <span class="tag game">Game</span>
1169
- <span class="tag new">NEW</span>
1170
- </div>
1171
-
1172
- <!-- 107) kolaslab/shooting -->
1173
- <div class="event">
1174
- <h4>kolaslab/shooting</h4>
1175
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/shooting" target="_blank">link</a>).</p>
1176
- <span class="tag game">Game</span>
1177
- <span class="tag new">NEW</span>
1178
- </div>
1179
-
1180
- <!-- 108) VIDraft/Mouse-Hackathon -->
1181
- <div class="event">
1182
- <h4>VIDraft/Mouse-Hackathon</h4>
1183
- <p>Link (<a href="https://huggingface.co/spaces/VIDraft/Mouse-Hackathon" target="_blank">link</a>).</p>
1184
- <span class="tag utility">Utility</span>
1185
- <span class="tag new">NEW</span>
1186
- </div>
1187
-
1188
- <!-- 109) aiqmaster/stocksimulation -->
1189
- <div class="event">
1190
- <h4>aiqmaster/stocksimulation</h4>
1191
- <p>Link (<a href="https://huggingface.co/spaces/aiqmaster/stocksimulation" target="_blank">link</a>).</p>
1192
- <span class="tag predict">Predict</span>
1193
- <span class="tag new">NEW</span>
1194
- </div>
1195
-
1196
- <!-- 110) aiqmaster/assetai -->
1197
- <div class="event">
1198
- <h4>aiqmaster/assetai</h4>
1199
- <p>Link (<a href="https://huggingface.co/spaces/aiqmaster/assetai" target="_blank">link</a>).</p>
1200
- <span class="tag predict">Predict</span>
1201
- <span class="tag new">NEW</span>
1202
- </div>
1203
-
1204
- <!-- 111) aiqmaster/stockai -->
1205
- <div class="event">
1206
- <h4>aiqmaster/stockai</h4>
1207
- <p>Link (<a href="https://huggingface.co/spaces/aiqmaster/stockai" target="_blank">link</a>).</p>
1208
- <span class="tag predict">Predict</span>
1209
- <span class="tag new">NEW</span>
1210
- </div>
1211
-
1212
- <!-- 112) cutechicken/TankWar3D -->
1213
- <div class="event">
1214
- <h4>cutechicken/TankWar3D</h4>
1215
- <p>Link (<a href="https://huggingface.co/spaces/cutechicken/TankWar3D" target="_blank">link</a>).</p>
1216
- <span class="tag game">Game</span>
1217
- <span class="tag best">BEST</span>
1218
- </div>
1219
-
1220
- <!-- 113) kolaslab/RC4-EnDecoder -->
1221
- <div class="event">
1222
- <h4>kolaslab/RC4-EnDecoder</h4>
1223
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/RC4-EnDecoder" target="_blank">link</a>).</p>
1224
- <span class="tag utility">Utility</span>
1225
- <span class="tag new">NEW</span>
1226
- </div>
1227
-
1228
- <!-- 114) kolaslab/simulator -->
1229
- <div class="event">
1230
- <h4>kolaslab/simulator</h4>
1231
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/simulator" target="_blank">link</a>).</p>
1232
- <span class="tag utility">Utility</span>
1233
- <span class="tag new">NEW</span>
1234
- </div>
1235
-
1236
- <!-- 115) kolaslab/calculator -->
1237
- <div class="event">
1238
- <h4>kolaslab/calculator</h4>
1239
- <p>Link (<a href="https://huggingface.co/spaces/kolaslab/calculator" target="_blank">link</a>).</p>
1240
- <span class="tag utility">Utility</span>
1241
- <span class="tag new">NEW</span>
1242
- </div>
1243
-
1244
- <!-- 116) aiqtech/kofaceid -->
1245
- <div class="event">
1246
- <h4>aiqtech/kofaceid</h4>
1247
- <p>Image Inpainting(<a href="https://huggingface.co/spaces/aiqtech/kofaceid" target="_blank">link</a>).</p>
1248
- <span class="tag image-edit">Image Edit</span>
1249
- <span class="tag popular">POPULAR</span>
1250
-
1251
- </div>
1252
-
1253
- <!-- 117) fantaxy/fastvideogen -->
1254
- <div class="event">
1255
- <h4>fantaxy/fastvideogen</h4>
1256
- <p>Video Generation(<a href="https://huggingface.co/spaces/fantaxy/fastvideogen" target="_blank">link</a>).</p>
1257
- <span class="tag video">Video</span>
1258
- <span class="tag popular">POPULAR</span>
1259
- </div>
1260
-
1261
-
1262
-
1263
- <!-- 118) openfree/MagicFace -->
1264
- <div class="event">
1265
- <h4>openfree/MagicFace</h4>
1266
- <p>FACE ID Image Generation(<a href="https://huggingface.co/spaces/openfree/MagicFace" target="_blank">link</a>).</p>
1267
- <span class="tag image-edit">Image Edit</span>
1268
- <span class="tag popular">POPULAR</span>
1269
- </div>
1270
-
1271
- <!-- 119) fantos/flxfashmodel -->
1272
- <div class="event">
1273
- <h4>fantos/flxfashmodel</h4>
1274
- <p>Flux Fashion Image Inpainting(<a href="https://huggingface.co/spaces/fantos/flxfashmodel" target="_blank">link</a>).</p>
1275
- <span class="tag image-gen">Image Gen</span>
1276
- <span class="tag popular">POPULAR</span>
1277
-
1278
- </div>
1279
-
1280
- <!-- 120) fantos/kolcontrl -->
1281
- <div class="event">
1282
- <h4>fantos/kolcontrl</h4>
1283
- <p>Flux Image Inpainting(<a href="https://huggingface.co/spaces/fantos/kolcontrl" target="_blank">link</a>).</p>
1284
- <span class="tag image-edit">Image Edit</span>
1285
- <span class="tag new">NEW</span>
1286
- </div>
1287
-
1288
- <!-- 121) fantos/EveryText -->
1289
- <div class="event">
1290
- <h4>fantos/EveryText</h4>
1291
- <p>Image & Text add (<a href="https://huggingface.co/spaces/fantos/EveryText" target="_blank">link</a>).</p>
1292
- <span class="tag image-edit">Image Edit</span>
1293
- <span class="tag new">NEW</span>
1294
- </div>
1295
-
1296
- <!-- 122) aiqtech/cinevid -->
1297
- <div class="event">
1298
- <h4>aiqtech/cinevid</h4>
1299
- <p>CINE Image Generation(<a href="https://huggingface.co/spaces/aiqtech/cinevid" target="_blank">link</a>).</p>
1300
- <span class="tag video">Video</span>
1301
- <span class="tag new">NEW</span>
1302
- </div>
1303
-
1304
- <!-- 123) aiqtech/FLUX-Ghibli-Studio-LoRA -->
1305
- <div class="event">
1306
- <h4>aiqtech/FLUX-Ghibli-Studio-LoRA</h4>
1307
- <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/aiqtech/FLUX-Ghibli-Studio-LoRA" target="_blank">link</a>).</p>
1308
- <span class="tag image-gen">Image Gen</span>
1309
- <span class="tag popular">POPULAR</span>
1310
-
1311
- </div>
1312
-
1313
- <!-- 124) aiqtech/flxgif -->
1314
- <div class="event">
1315
- <h4>aiqtech/flxgif</h4>
1316
- <p>Flux Image to GIF Generation(<a href="https://huggingface.co/spaces/aiqtech/flxgif" target="_blank">link</a>).</p>
1317
- <span class="tag image-gen">Image Gen</span>
1318
-
1319
- <span class="tag popular">POPULAR</span>
1320
-
1321
- </div>
1322
-
1323
- <!-- 125) aiqtech/imaginpaint -->
1324
- <div class="event">
1325
- <h4>aiqtech/imaginpaint</h4>
1326
- <p>Flux Image Inpainting(<a href="https://huggingface.co/spaces/aiqtech/imaginpaint" target="_blank">link</a>).</p>
1327
- <span class="tag image-edit">Image Edit</span>
1328
- <span class="tag popular">POPULAR</span>
1329
- </div>
1330
-
1331
-
1332
- <!-- 126) ginipick/QR-Canvas -->
1333
- <div class="event">
1334
- <h4>ginipick/QR-Canvas</h4>
1335
- <p>QR Advanced Generator(<a href="https://huggingface.co/spaces/ginipick/QR-Canvas" target="_blank">link</a>).</p>
1336
- <span class="tag utility">Utility</span>
1337
- <span class="tag popular">POPULAR</span>
1338
- </div>
1339
-
1340
-
1341
-
1342
- <!-- 127) ginipick/QR-Canvas -->
1343
- <div class="event">
1344
- <h4>openfree/MoneyRadar</h4>
1345
- <p>Implies scanning the market to spot Earning opportunities(<a href="https://huggingface.co/spaces/openfree/MoneyRadar" target="_blank">link</a>).</p>
1346
- <span class="tag Productivity">Productivity</span>
1347
- <span class="tag best">BEST</span>
1348
- </div>
1349
-
1350
- <!-- 128) fantaxy/novel-fantasy -->
1351
- <div class="event">
1352
- <h4>fantaxy/novel-fantasy</h4>
1353
- <p>Fantasy 'Graphic Novel' generator(<a href="https://huggingface.co/spaces/fantaxy/novel-fantasy" target="_blank">link</a>).</p>
1354
- <span class="tag multimodal">Multimodal</span>
1355
- <span class="tag popular">POPULAR</span>
1356
- </div>
1357
-
1358
- <!-- 129) fantaxy/novel-romance -->
1359
- <div class="event">
1360
- <h4>fantaxy/novel-romance</h4>
1361
- <p>romance 'Graphic Novel' generator(<a href="https://huggingface.co/spaces/fantaxy/novel-romance" target="_blank">link</a>).</p>
1362
- <span class="tag multimodal">Multimodal</span>
1363
- <span class="tag popular">POPULAR</span>
1364
- </div>
1365
-
1366
- <!-- 130) fantaxy/novel-sorim -->
1367
- <div class="event">
1368
- <h4>fantaxy/novel-sorim</h4>
1369
- <p>Kungfu & Muhyup 'Graphic Novel' generator(<a href="https://huggingface.co/spaces/fantaxy/novel-sorim" target="_blank">link</a>).</p>
1370
- <span class="tag multimodal">Multimodal</span>
1371
- <span class="tag popular">POPULAR</span>
1372
- </div>
1373
-
1374
- <!-- 131) fantaxy/novel-erotica -->
1375
- <div class="event">
1376
- <h4>fantaxy/novel-erotica</h4>
1377
- <p>NSFW Adult 'Graphic Novel' generator(<a href="https://huggingface.co/spaces/fantaxy/novel-erotica" target="_blank">link</a>).</p>
1378
- <span class="tag multimodal">Multimodal</span>
1379
- <span class="tag best">BEST</span>
1380
- </div>
1381
-
1382
-
1383
- <!-- 132) openfree/pepe -->
1384
- <div class="event">
1385
- <h4>openfree/pepe</h4>
1386
- <p>PEPE Meme Generator(<a href="https://huggingface.co/spaces/openfree/pepe" target="_blank">link</a>).</p>
1387
- <span class="tag image-gen">Image Gen</span>
1388
- <span class="tag popular">POPULAR</span>
1389
- </div>
1390
-
1391
- <!-- 133) fantaxy/novel-romance-en -->
1392
- <div class="event">
1393
- <h4>fantaxy/novel-romance-en</h4>
1394
- <p>Kungfu & Muhyup 'Graphic Novel' generator EN(<a href="https://huggingface.co/spaces/fantaxy/novel-romance-en" target="_blank">link</a>).</p>
1395
- <span class="tag multimodal">Multimodal</span>
1396
- <span class="tag popular">POPULAR</span>
1397
- </div>
1398
-
1399
-
1400
- <!-- 134) fantaxy/novel-sorim-en -->
1401
- <div class="event">
1402
- <h4>fantaxy/novel-sorim-en</h4>
1403
- <p>Kungfu & Muhyup 'Graphic Novel' generator EN(<a href="https://huggingface.co/spaces/fantaxy/novel-sorim-en" target="_blank">link</a>).</p>
1404
- <span class="tag multimodal">Multimodal</span>
1405
- <span class="tag popular">POPULAR</span>
1406
- </div>
1407
-
1408
-
1409
- <!-- 135) fantaxy/novel-fantasy-en -->
1410
- <div class="event">
1411
- <h4>fantaxy/novel-fantasy-en</h4>
1412
- <p>Fantasy 'Graphic Novel' generator EN(<a href="https://huggingface.co/spaces/fantaxy/novel-fantasy-en" target="_blank">link</a>).</p>
1413
- <span class="tag multimodal">Multimodal</span>
1414
- <span class="tag popular">POPULAR</span>
1415
- </div>
1416
-
1417
- <!-- 136) fantaxy/novel-erotica -->
1418
- <div class="event">
1419
- <h4>fantaxy/novel-erotica</h4>
1420
- <p>NSFW Adult 'Graphic Novel' generator EN(<a href="https://huggingface.co/spaces/fantaxy/novel-NSFW-en" target="_blank">link</a>).</p>
1421
- <span class="tag multimodal">Multimodal</span>
1422
- <span class="tag best">BEST</span>
1423
- </div>
1424
-
1425
- <!-- 137) Gemini2-Flash-Thinking -->
1426
- <div class="event">
1427
- <h4>Gemini2-Flash-Thinking</h4>
1428
- <p>Gemini2 Flash Thinking(<a href="https://huggingface.co/spaces/aiqcamp/Gemini2-Flash-Thinking" target="_blank">link</a>).</p>
1429
- <span class="tag multimodal">Multimodal</span>
1430
- <span class="tag best">BEST</span>
1431
- </div>
1432
-
1433
- <!-- 138) aiqcamp/Multilingual-Images -->
1434
- <div class="event">
1435
- <h4>aiqcamp/Multilingual-Images</h4>
1436
- <p>Multilingual Images(<a href="https://huggingface.co/spaces/aiqcamp/Multilingual-Images" target="_blank">link</a>).</p>
1437
- <span class="tag multimodal">Multimodal</span>
1438
- <span class="tag best">BEST</span>
1439
- </div>
1440
-
1441
-
1442
- <!-- 139) fantos/Ranking-Tracker -->
1443
- <div class="event">
1444
- <h4>fantos/Ranking-Tracker</h4>
1445
- <p>HF Ranking-Tracker 30 Dailys(<a href="https://huggingface.co/spaces/fantos/Ranking-Tracker" target="_blank">link</a>).</p>
1446
- <span class="tag multimodal">Multimodal</span>
1447
- <span class="tag best">BEST</span>
1448
- </div>
1449
-
1450
- <!-- 140) openfree/PDF-RAG -->
1451
- <div class="event">
1452
- <h4>openfree/PDF-RAG</h4>
1453
- <p>PDF RAG(<a href="https://huggingface.co/spaces/openfree/PDF-RAG" target="_blank">link</a>).</p>
1454
- <span class="tag Productivity">Productivity</span>
1455
- <span class="tag popular">POPULAR</span>
1456
- </div>
1457
-
1458
- <!-- 141) ginipick/OpenSUNO -->
1459
- <div class="event">
1460
- <h4>ginipick/OpenSUNO</h4>
1461
- <p>Open SUNO: Full-Song Generation(<a href="https://huggingface.co/spaces/ginipick/OpenSUNO" target="_blank">link</a>).</p>
1462
- <span class="tag audio">Audio</span>
1463
- <span class="tag best">BEST</span>
1464
- </div>
1465
-
1466
- <!-- 142) ginigen/Animagine -->
1467
- <div class="event">
1468
- <h4>ginigen/Animagine</h4>
1469
- <p>Animation Image Generation(<a href="https://huggingface.co/spaces/ginigen/Animagine" target="_blank">link</a>).</p>
1470
- <span class="tag image-gen">Image Gen</span>
1471
- <span class="tag popular">POPULAR</span>
1472
- </div>
1473
-
1474
-
1475
-
1476
- <!-- 143) ginigen/Janus-Pro-7B -->
1477
- <div class="event">
1478
- <h4>ginigen/Janus-Pro-7B</h4>
1479
- <p>Janus-Pro-7B I2T/ T2I(<a href="https://huggingface.co/spaces/ginigen/Janus-Pro-7B" target="_blank">link</a>).</p>
1480
- <span class="tag multimodal">Multimodal</span>
1481
- <span class="tag popular">POPULAR</span>
1482
- </div>
1483
-
1484
- <!-- 144) ginigen/ColPali-multi -->
1485
- <div class="event">
1486
- <h4>ginigen/ColPali-multi</h4>
1487
- <p>ColPali multi output(<a href="https://huggingface.co/spaces/ginigen/ColPali-multi" target="_blank">link</a>).</p>
1488
- <span class="tag Productivity">Productivity</span>
1489
- <span class="tag popular">POPULAR</span>
1490
- </div>
1491
-
1492
- <!-- 145) ginipick/like-history -->
1493
- <div class="event">
1494
- <h4>ginipick/like-history</h4>
1495
- <p>like history(<a href="https://huggingface.co/spaces/ginipick/like-history" target="_blank">link</a>).</p>
1496
- <span class="tag Productivity">Productivity</span>
1497
- <span class="tag popular">POPULAR</span>
1498
- </div>
1499
-
1500
- <!-- 146) ginipick/DeepSeekR1-LIVE -->
1501
- <div class="event">
1502
- <h4>ginipick/DeepSeekR1-LIVE</h4>
1503
- <p>DeepSeek R1 LIVE Search(<a href="https://huggingface.co/spaces/ginipick/DeepSeekR1-LIVE" target="_blank">link</a>).</p>
1504
- <span class="tag Productivity">Productivity</span>
1505
- <span class="tag popular">POPULAR</span>
1506
- </div>
1507
-
1508
-
1509
  </div>
1510
  </div>
1511
-
1512
-
1513
-
1514
 
1515
  <script>
1516
- function updateCounts() {
1517
- const bestCount = document.querySelectorAll('.tag.best').length;
1518
- const newCount = document.querySelectorAll('.tag.new').length;
1519
- const popularCount = document.querySelectorAll('.tag.popular').length;
1520
-
1521
- document.getElementById('best-count').textContent = bestCount;
1522
- document.getElementById('new-count').textContent = newCount;
1523
- document.getElementById('popular-count').textContent = popularCount;
1524
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1525
 
1526
- let currentFilters = {
1527
- category: 'all'
1528
  };
1529
 
1530
- function filterByCategory(category) {
1531
- const buttons = document.querySelectorAll('.toggle-button');
1532
- buttons.forEach(button => {
1533
- button.classList.remove('active');
1534
- if (button.getAttribute('data-filter') === category) {
1535
- button.classList.add('active');
1536
- }
1537
- });
1538
- currentFilters.category = category;
1539
- applyFilters();
1540
- }
 
 
 
 
 
 
 
 
1541
 
1542
- function applyFilters() {
1543
- const events = document.querySelectorAll('.event');
1544
- events.forEach(event => {
1545
- const activeFilters = Array.from(document.querySelectorAll('.toggle-button.active')).map(button => button.getAttribute('data-filter'));
 
 
 
 
 
1546
 
1547
- // 'all' ํ•„ํ„ฐ๊ฐ€ ํ™œ์„ฑํ™”๋œ ๊ฒฝ์šฐ ๋ชจ๋“  ์ด๋ฒคํŠธ ํ‘œ์‹œ
1548
- if (activeFilters.includes('all')) {
1549
- event.style.display = 'block';
1550
- return;
1551
- }
 
 
 
 
 
 
 
 
 
 
 
1552
 
1553
- // ํ™œ์„ฑํ™”๋œ ํ•„ํ„ฐ ์ค‘ ํ•˜๋‚˜๋ผ๋„ ์ผ์น˜ํ•˜๋Š” ๊ฒฝ์šฐ ์ด๋ฒคํŠธ ํ‘œ์‹œ
1554
- const matches = activeFilters.some(filter => {
1555
- return event.querySelector(`.tag.${filter}`);
 
 
 
 
 
 
 
 
 
 
 
 
 
1556
  });
1557
-
1558
- event.style.display = matches ? 'block' : 'none';
1559
  });
1560
- updateCounts();
1561
- }
1562
-
1563
- document.addEventListener('DOMContentLoaded', function() {
1564
- const buttons = document.querySelectorAll('.toggle-button');
1565
- buttons.forEach(button => {
1566
- button.addEventListener('click', function() {
1567
- filterByCategory(this.getAttribute('data-filter'));
1568
- });
 
 
 
 
 
 
 
1569
  });
1570
- updateCounts();
1571
  });
 
 
 
1572
  </script>
1573
  </body>
1574
- </html>
 
1
  <!DOCTYPE html>
2
+ <html lang="ko">
3
  <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>ํ”„๋กœ์ ํŠธ ๋ทฐ์–ด (์ž๋™ ๋ถ„๋ฅ˜ ๋ฐ URL ๋ณ€ํ™˜)</title>
7
  <style>
8
  body {
9
+ font-family: Arial, sans-serif;
 
 
10
  margin: 0;
11
  padding: 0;
12
+ background-color: #f4f4f9;
13
+ color: #333;
14
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  .github-link {
16
  text-align: center;
17
  padding: 8px;
18
  background-color: #24292e;
19
+ color: #fff;
20
  font-size: 14px;
21
  }
22
  .github-link a {
23
+ color: #fff;
24
  text-decoration: none;
25
  }
 
 
 
 
26
  .filter-group {
27
+ padding: 10px;
28
+ background-color: #fff;
 
 
 
 
29
  border-bottom: 1px solid #eee;
30
+ text-align: center;
31
+ overflow-x: auto;
32
+ white-space: nowrap;
33
  }
34
+ .filter-group .toggle-button {
 
 
 
 
 
 
 
 
 
 
35
  padding: 6px 12px;
36
+ margin: 5px;
37
  border: 1px solid #ddd;
38
  border-radius: 15px;
39
+ background-color: #fff;
40
  font-size: 13px;
41
  cursor: pointer;
42
+ display: inline-block;
 
 
43
  }
44
+ .filter-group .toggle-button.active {
45
  background-color: #2196f3;
46
  border-color: #2196f3;
47
+ color: #fff;
48
  }
49
+ .main-container {
50
+ display: flex;
51
+ height: calc(100vh - 100px); /* ์ƒ๋‹จ ์˜์—ญ ์ œ์™ธ ์ „์ฒด ๋†’์ด */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
52
  }
53
+ #sidebar {
54
+ width: 25%;
55
+ border-right: 1px solid #ccc;
56
+ overflow-y: auto;
57
+ padding: 10px;
58
  }
59
+ #sidebar ul {
60
+ list-style: none;
61
+ padding: 0;
62
+ margin: 0;
63
  }
64
+ #sidebar li {
65
+ margin: 5px 0;
66
+ padding: 8px;
67
+ background-color: #fff;
68
+ border: 1px solid #ddd;
69
+ border-radius: 4px;
70
+ cursor: pointer;
71
+ }
72
+ #sidebar li:hover {
73
+ background-color: #f0f0f0;
74
+ }
75
+ /* ์šฐ์ธก ์ž„๋ฒ ๋“œ ์˜์—ญ: ๋‚จ์€ ๊ณต๊ฐ„์„ ๋ชจ๋‘ ์ฐจ์ง€ */
76
+ #embed-container {
77
+ flex: 1;
78
+ padding: 0;
79
  margin: 0;
80
+ background-color: #fff;
81
+ }
82
+ #embed-container iframe {
83
+ width: 100%;
84
+ height: 100%;
85
+ border: none;
86
+ display: block;
87
  }
88
  </style>
89
  </head>
 
91
  <div class="github-link">
92
  <a href="https://discord.gg/openfreeai" target="_blank">Community</a>
93
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94
 
95
+ <!-- ํ•„ํ„ฐ ๋ฒ„ํŠผ ์˜์—ญ (์นดํ…Œ๊ณ ๋ฆฌ๋ณ„) -->
96
+ <div class="filter-group" id="filter-group">
97
+ <!-- JavaScript๋กœ ๋™์ ์œผ๋กœ ๋ฒ„ํŠผ ์ƒ์„ฑ -->
98
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
99
 
100
+ <div class="main-container">
101
+ <!-- ์ขŒ์ธก ์‚ฌ์ด๋“œ๋ฐ”: ์„ ํƒํ•œ ์นดํ…Œ๊ณ ๋ฆฌ์˜ ํ•ญ๋ชฉ ์ „์ฒด ๋ชฉ๋ก -->
102
+ <div id="sidebar">
103
+ <!-- JavaScript๋กœ ๋™์ ์œผ๋กœ ์ƒ์„ฑ -->
104
+ </div>
105
+ <!-- ์šฐ์ธก ์ž„๋ฒ ๋“œ ์˜์—ญ -->
106
+ <div id="embed-container">
107
+ <iframe id="embed-frame" src=""></iframe>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
108
  </div>
109
  </div>
 
 
 
110
 
111
  <script>
112
+ // 1. ์ œ๊ณตํ•ด์ฃผ์‹  ์ „์ฒด ํ”„๋กœ์ ํŠธ ๋ฆฌ์ŠคํŠธ (ํ‚ค: ํ”„๋กœ์ ํŠธ ์ด๋ฆ„, ๊ฐ’: URL)
113
+ const projectList = {
114
+
115
+
116
+ "fantos/Panorama": "https://huggingface.co/spaces/fantos/Panorama",
117
+ "ginigen/Multi-LoRAgen": "https://huggingface.co/spaces/ginigen/Multi-LoRAgen",
118
+ "ginigen/canvas-studio": "https://huggingface.co/spaces/ginigen/canvas-studio",
119
+ "ginipick/Fashion-Stylegen": "https://huggingface.co/spaces/ginipick/Fashion-Style",
120
+ "ginipick/Time-Stream": "https://huggingface.co/spaces/ginipick/Time-Stream",
121
+ "ginipick/AccuVision-Diffusion": "https://huggingface.co/spaces/ginipick/AccuVision-Diffusion",
122
+ "fantos/Magic-Drawings": "https://huggingface.co/spaces/fantos/Magic-Drawings",
123
+ "ginigen/Lumina-Image-PLUS": "https://huggingface.co/spaces/ginigen/Lumina-Image-PLUS",
124
+ "fantaxy/fantasy-novel": "https://huggingface.co/spaces/fantaxy/fantasy-novel",
125
+ "fantaxy/eros": "https://huggingface.co/spaces/fantaxy/eros",
126
+ "fantaxy/adult-novel": "https://huggingface.co/spaces/fantaxy/adult-novel",
127
+ "fantaxy/kungfu-novel": "https://huggingface.co/spaces/fantaxy/kungfu-novel",
128
+ "fantaxy/love-novel": "https://huggingface.co/spaces/fantaxy/love-novel",
129
+ "VIDraft/mouse-webgen": "https://huggingface.co/spaces/VIDraft/mouse-webgen",
130
+ "immunobiotech/MUSIC-Jukebox": "https://huggingface.co/spaces/immunobiotech/MUSIC-Jukebox",
131
+ "seawolf2357/Flowise-AI": "https://huggingface.co/spaces/seawolf2357/Flowise-AI",
132
+ "ginigen/Flux-LayerDiffuse": "https://huggingface.co/spaces/ginigen/Flux-LayerDiffuse",
133
+ "VIDraft/Portrait-Animation": "https://huggingface.co/spaces/VIDraft/Portrait-Animation",
134
+ "VIDraft/Deepseek-Multimodal": "https://huggingface.co/spaces/VIDraft/Deepseek-Multimodal",
135
+ "VIDraft/BLIP2": "https://huggingface.co/spaces/VIDraft/BLIP2",
136
+ "ginigen/text3d-r1": "https://huggingface.co/spaces/ginigen/text3d-r1",
137
+ "immunobiotech/drug-discovery": "https://huggingface.co/spaces/immunobiotech/drug-discovery",
138
+ "openfree/VisionOCR-Chat": "https://huggingface.co/spaces/openfree/VisionOCR-Chat",
139
+ "immunobiotech/MICHELIN": "https://huggingface.co/spaces/immunobiotech/MICHELIN",
140
+ "immunobiotech/MICHELIN-korea": "https://huggingface.co/spaces/immunobiotech/MICHELIN-korea",
141
+ "immunobiotech/MICHELIN-japan": "https://huggingface.co/spaces/immunobiotech/MICHELIN-japan",
142
+ "immunobiotech/MICHELIN-china": "https://huggingface.co/spaces/immunobiotech/MICHELIN-china",
143
+ "VIDraft/money-radar-korea": "https://huggingface.co/spaces/VIDraft/money-radar-korea",
144
+ "VIDraft/money-radar": "https://huggingface.co/spaces/VIDraft/money-radar",
145
+ "ginipick/PharmAI-Korea": "https://huggingface.co/spaces/ginipick/PharmAI-Korea",
146
+ "ginigen/MagicFace-V3": "https://huggingface.co/spaces/ginigen/MagicFace-V3",
147
+ "aiqcamp/MindMap": "https://huggingface.co/spaces/aiqcamp/MindMap",
148
+ "ginigen/3D-LLAMA": "https://huggingface.co/spaces/ginigen/3D-LLAMA",
149
+ "openfree/VectorFlow": "https://huggingface.co/spaces/openfree/VectorFlow",
150
+ "openfree/webtoon-gen": "https://huggingface.co/spaces/openfree/webtoon-gen",
151
+ "VIDraft/topic-prediction": "https://huggingface.co/spaces/VIDraft/topic-prediction",
152
+ "VIDraft/PapersImpact": "https://huggingface.co/spaces/VIDraft/PapersImpact",
153
+ "VIDraft/EveryRAG": "https://huggingface.co/spaces/VIDraft/EveryRAG",
154
+ "VIDraft/korea-president-DJ": "https://huggingface.co/spaces/VIDraft/korea-president-DJ",
155
+ "VIDraft/korea-president-PARK": "https://huggingface.co/spaces/VIDraft/korea-president-PARK",
156
+ "openfree/image-to-vector": "https://huggingface.co/spaces/openfree/image-to-vector",
157
+ "ginipick/QR-Canvas-plus": "https://huggingface.co/spaces/ginipick/QR-Canvas-plus",
158
+ "ginigen/text3d-R1": "https://huggingface.co/spaces/ginigen/text3d-R1",
159
+ "openfree/MagicFace-V3": "https://huggingface.co/spaces/openfree/MagicFace-V3",
160
+ "ginipick/DeepSeekR1-LIVE": "https://huggingface.co/spaces/ginipick/DeepSeekR1-LIVE",
161
+ "ginipick/like-history": "https://huggingface.co/spaces/ginipick/like-history",
162
+ "ginigen/ColPali-multi": "https://huggingface.co/spaces/ginigen/ColPali-multi",
163
+ "ginigen/Janus-Pro-7B": "https://huggingface.co/spaces/ginigen/Janus-Pro-7B",
164
+ "ginigen/Animagine": "https://huggingface.co/spaces/ginigen/Animagine",
165
+ "openfree/PDF-RAG": "https://huggingface.co/spaces/openfree/PDF-RAG",
166
+ "fantos/Ranking-Tracker": "https://huggingface.co/spaces/fantos/Ranking-Tracker",
167
+ "aiqcamp/Multilingual-Images": "https://huggingface.co/spaces/aiqcamp/Multilingual-Images",
168
+ "aiqcamp/Gemini2-Flash-Thinking": "https://huggingface.co/spaces/aiqcamp/Gemini2-Flash-Thinking",
169
+ "openfree/pepe": "https://huggingface.co/spaces/openfree/pepe",
170
+ "openfree/korea-president-yoon": "https://huggingface.co/spaces/openfree/korea-president-yoon",
171
+ "openfree/CryptoVision": "https://huggingface.co/spaces/openfree/CryptoVision",
172
+ "fantos/VoiceClone": "https://huggingface.co/spaces/fantos/VoiceClone",
173
+ "seawolf2357/ocrlatex": "https://huggingface.co/spaces/seawolf2357/ocrlatex",
174
+ "seawolf2357/img2vid": "https://huggingface.co/spaces/seawolf2357/img2vid",
175
+ "seawolf2357/sd-prompt-gen": "https://huggingface.co/spaces/seawolf2357/sd-prompt-gen",
176
+ "openfree/tarotcard": "https://huggingface.co/spaces/openfree/tarotcard",
177
+ "aiqcamp/Polaroid": "https://huggingface.co/spaces/aiqcamp/Polaroid",
178
+ "ginigen/cartoon": "https://huggingface.co/spaces/ginigen/cartoon",
179
+ "ginigen/Book-Cover": "https://huggingface.co/spaces/ginigen/Book-Cover",
180
+ "aiqcamp/fash": "https://huggingface.co/spaces/aiqcamp/fash",
181
+ "gunship999/Korea-Daily-News": "https://huggingface.co/spaces/gunship999/Korea-Daily-News",
182
+ "immunobiotech/ChicagoGallery": "https://huggingface.co/spaces/immunobiotech/ChicagoGallery",
183
+ "immunobiotech/MetropolitanMuseum": "https://huggingface.co/spaces/immunobiotech/MetropolitanMuseum",
184
+ "immunobiotech/opensky": "https://huggingface.co/spaces/immunobiotech/opensky",
185
+ "VIDraft/eum": "https://huggingface.co/spaces/VIDraft/eum",
186
+ "aiqtech/FLUX-military": "https://huggingface.co/spaces/aiqtech/FLUX-military",
187
+ "fantaxy/Rolls-Royce": "https://huggingface.co/spaces/fantaxy/Rolls-Royce",
188
+ "seawolf2357/flux-korea-hanbok-lora": "https://huggingface.co/spaces/seawolf2357/flux-korea-hanbok-lora",
189
+ "seawolf2357/flux-korea-palace-lora": "https://huggingface.co/spaces/seawolf2357/flux-korea-palace-lora",
190
+ "aiqcamp/flux-cat-lora": "https://huggingface.co/spaces/aiqcamp/flux-cat-lora",
191
+ "gunship999/SexyImages": "https://huggingface.co/spaces/gunship999/SexyImages",
192
+ "aiqtech/flux-claude-monet-lora": "https://huggingface.co/spaces/aiqtech/flux-claude-monet-lora",
193
+ "seawolf2357/3D-Avatar-Generator": "https://huggingface.co/spaces/seawolf2357/3D-Avatar-Generator",
194
+ "fantaxy/playground25": "https://huggingface.co/spaces/fantaxy/playground25",
195
+ "openfree/ultpixgen": "https://huggingface.co/spaces/openfree/ultpixgen",
196
+ "seawolf2357/REALVISXL-V5": "https://huggingface.co/spaces/seawolf2357/REALVISXL-V5",
197
+ "fantos/flxcontrol": "https://huggingface.co/spaces/fantos/flxcontrol",
198
+ "fantos/textcutobject": "https://huggingface.co/spaces/fantos/textcutobject",
199
+ "ginipick/FLUX-Prompt-Generator": "https://huggingface.co/spaces/ginipick/FLUX-Prompt-Generator",
200
+ "fantaxy/flxloraexp": "https://huggingface.co/spaces/fantaxy/flxloraexp",
201
+ "fantos/flxloraexp": "https://huggingface.co/spaces/fantos/flxloraexp",
202
+ "seawolf2357/flxloraexp": "https://huggingface.co/spaces/seawolf2357/flxloraexp",
203
+ "ginipick/flxloraexp": "https://huggingface.co/spaces/ginipick/flxloraexp",
204
+ "aiqcamp/imagemagic": "https://huggingface.co/spaces/aiqcamp/imagemagic",
205
+ "openfree/ColorRevive": "https://huggingface.co/spaces/openfree/ColorRevive",
206
+ "VIDraft/RAGOndevice": "https://huggingface.co/spaces/VIDraft/RAGOndevice",
207
+ "aiqcamp/AudioLlama": "https://huggingface.co/spaces/aiqcamp/AudioLlama",
208
+ "ginigen/FLUXllama-Multilingual": "https://huggingface.co/spaces/ginigen/FLUXllama-Multilingual",
209
+ "ginipick/FitGen": "https://huggingface.co/spaces/ginipick/FitGen",
210
+ "fantaxy/FLUX-Animations": "https://huggingface.co/spaces/fantaxy/FLUX-Animations",
211
+ "fantaxy/Remove-Video-Background": "https://huggingface.co/spaces/fantaxy/Remove-Video-Background",
212
+ "fantaxy/ofai-flx-logo": "https://huggingface.co/spaces/fantaxy/ofai-flx-logo",
213
+ "fantaxy/flx-pulid": "https://huggingface.co/spaces/fantaxy/flx-pulid",
214
+ "fantaxy/flx-upscale": "https://huggingface.co/spaces/fantaxy/flx-upscale",
215
+ "aiqcamp/Fashion-FLUX": "https://huggingface.co/spaces/aiqcamp/Fashion-FLUX",
216
+ "fantos/x-mas": "https://huggingface.co/spaces/fantos/x-mas",
217
+ "openfree/Korean-Leaderboard": "https://huggingface.co/spaces/openfree/Korean-Leaderboard",
218
+ "ginipick/FLUXllama": "https://huggingface.co/spaces/ginipick/FLUXllama",
219
+ "fantaxy/Sound-AI-SFX": "https://huggingface.co/spaces/fantaxy/Sound-AI-SFX",
220
+ "fantos/flx8lora": "https://huggingface.co/spaces/fantos/flx8lora",
221
+ "openfree/trending-board": "https://huggingface.co/spaces/openfree/trending-board",
222
+ "aiqtech/Particle-Accelerator-Simulation": "https://huggingface.co/spaces/aiqtech/Particle-Accelerator-Simulation",
223
+ "ginipick/Realtime-FLUX": "https://huggingface.co/spaces/ginipick/Realtime-FLUX",
224
+ "VIDraft/prime-number": "https://huggingface.co/spaces/VIDraft/prime-number",
225
+ "aiqtech/kofaceid": "https://huggingface.co/spaces/aiqtech/kofaceid",
226
+ "fantaxy/fastvideogena": "https://huggingface.co/spaces/fantaxy/fastvideogen",
227
+ "fantos/cogvidx": "https://huggingface.co/spaces/fantos/cogvidx",
228
+ "fantos/flxfashmodel": "https://huggingface.co/spaces/fantos/flxfashmodel",
229
+ "fantos/kolcontrl": "https://huggingface.co/spaces/fantos/kolcontrl",
230
+ "aiqtech/cinevid": "https://huggingface.co/spaces/aiqtech/cinevid",
231
+ "aiqtech/FLUX-Ghibli-Studio-LoRA": "https://huggingface.co/spaces/aiqtech/FLUX-Ghibli-Studio-LoRA",
232
+ "aiqtech/flxgif": "https://huggingface.co/spaces/aiqtech/flxgif",
233
+ "aiqtech/imaginpaint": "https://huggingface.co/spaces/aiqtech/imaginpaint"
234
 
 
 
235
  };
236
 
237
+ // 2. URL ๋ณ€ํ™˜ ํ•จ์ˆ˜: "https://huggingface.co/spaces/{namespace}/{project}" โ†’ "https://{namespace}-{project}.hf.space"
238
+ function transformUrl(url) {
239
+ const prefix = "https://huggingface.co/spaces/";
240
+ if (url.startsWith(prefix)) {
241
+ const rest = url.substring(prefix.length); // ์˜ˆ: "fantos/VoiceClone"
242
+ // ๋‹จ, key์— ์žˆ๋Š” "/"๋Š” ํ•˜์ดํ”ˆ(-)์œผ๋กœ ๋ณ€๊ฒฝ
243
+ return "https://" + rest.replace("/", "-") + ".hf.space";
244
+ }
245
+ return url;
246
+ }
247
+
248
+ // 3. ํ”„๋กœ์ ํŠธ ๋ฆฌ์ŠคํŠธ ๋ฐฐ์—ด๋กœ ๋ณ€ํ™˜: ๊ฐ ํ•ญ๋ชฉ { name, url, category }
249
+ const projects = Object.keys(projectList).map(key => {
250
+ return {
251
+ name: key, // ์˜ˆ: "ginigen/Multi-LoRAgen"
252
+ url: transformUrl(projectList[key]),
253
+ category: key.split("/")[0] // ์นดํ…Œ๊ณ ๋ฆฌ๋Š” "/" ์•ž๋ถ€๋ถ„, ์˜ˆ: "ginigen"
254
+ };
255
+ });
256
 
257
+ // 4. ์นดํ…Œ๊ณ ๋ฆฌ๋ณ„ ๊ทธ๋ฃนํ™” (์˜ˆ: { ginigen: [...], ginipick: [...], fantos: [...], fantaxy: [...], ... })
258
+ const grouped = {};
259
+ projects.forEach(project => {
260
+ const cat = project.category;
261
+ if (!grouped[cat]) {
262
+ grouped[cat] = [];
263
+ }
264
+ grouped[cat].push(project);
265
+ });
266
 
267
+ // 5. ํ•„ํ„ฐ ๋ฒ„ํŠผ(์นดํ…Œ๊ณ ๋ฆฌ) ๋™์  ์ƒ์„ฑ (๊ธฐ๋ณธ "All" ํฌํ•จ)
268
+ const filterGroupDiv = document.getElementById("filter-group");
269
+ // "All" ๋ฒ„ํŠผ ์ƒ์„ฑ
270
+ const allButton = document.createElement("button");
271
+ allButton.className = "toggle-button active";
272
+ allButton.setAttribute("data-filter", "all");
273
+ allButton.textContent = "All";
274
+ filterGroupDiv.appendChild(allButton);
275
+ // ๊ทธ๋ฃนํ™”๋œ ๊ฐ ์นดํ…Œ๊ณ ๋ฆฌ๋ณ„ ๋ฒ„ํŠผ ์ƒ์„ฑ (์ •๋ ฌํ•˜์—ฌ ํ‘œ์‹œ)
276
+ Object.keys(grouped).sort().forEach(category => {
277
+ const btn = document.createElement("button");
278
+ btn.className = "toggle-button";
279
+ btn.setAttribute("data-filter", category);
280
+ btn.textContent = category;
281
+ filterGroupDiv.appendChild(btn);
282
+ });
283
 
284
+ // 6. ์‚ฌ์ด๋“œ๋ฐ” ์—…๋ฐ์ดํŠธ ํ•จ์ˆ˜: ์„ ํƒํ•œ ํ•„ํ„ฐ์˜ ๋ชจ๋“  ํ•ญ๋ชฉ ์ถœ๋ ฅ
285
+ function updateSidebar(filter) {
286
+ const sidebar = document.getElementById("sidebar");
287
+ sidebar.innerHTML = ""; // ๊ธฐ์กด ํ•ญ๋ชฉ ์ดˆ๊ธฐํ™”
288
+ let items = [];
289
+ if (filter === "all") {
290
+ items = projects;
291
+ } else {
292
+ items = grouped[filter] || [];
293
+ }
294
+ const ul = document.createElement("ul");
295
+ items.forEach(item => {
296
+ const li = document.createElement("li");
297
+ li.textContent = item.name;
298
+ li.addEventListener("click", function() {
299
+ document.getElementById("embed-frame").setAttribute("src", item.url);
300
  });
301
+ ul.appendChild(li);
 
302
  });
303
+ sidebar.appendChild(ul);
304
+ // ๊ธฐ๋ณธ์œผ๋กœ ์ฒซ ๋ฒˆ์งธ ํ•ญ๋ชฉ ๋กœ๋“œ (์žˆ์œผ๋ฉด)
305
+ if (items.length > 0) {
306
+ document.getElementById("embed-frame").setAttribute("src", items[0].url);
307
+ } else {
308
+ document.getElementById("embed-frame").setAttribute("src", "");
309
+ }
310
+ }
311
+
312
+ // 7. ํ•„ํ„ฐ ๋ฒ„ํŠผ ํด๋ฆญ ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ
313
+ document.querySelectorAll(".toggle-button").forEach(button => {
314
+ button.addEventListener("click", function() {
315
+ document.querySelectorAll(".toggle-button").forEach(btn => btn.classList.remove("active"));
316
+ this.classList.add("active");
317
+ const filter = this.getAttribute("data-filter");
318
+ updateSidebar(filter);
319
  });
 
320
  });
321
+
322
+ // 8. ํŽ˜์ด์ง€ ๋กœ๋“œ ์‹œ ๊ธฐ๋ณธ "all" ํ•„ํ„ฐ ์ ์šฉ
323
+ updateSidebar("all");
324
  </script>
325
  </body>
326
+ </html>