<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>Timeline Template</title>
  <style>
    body {
      font-family: 'Arial', sans-serif;
      background-color: #f4f4f9;
      color: #333;
      margin: 0;
      padding: 0;
    }

    .timeline-container {
      width: 100%;
      overflow-x: hidden;
      overflow-y: hidden;
      padding: 20px;
      box-sizing: border-box;
    }

    .timeline {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      padding-bottom: 10px;
    }

    .event {
      background: white;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      padding: 15px;
      transition: all 0.3s ease;
    }

    /* BEST 태그가 있는 카드 */
    .event:has(.tag.best) {
      background-color: #fff8e1;
      border-left: 4px solid #ffd700;
    }
    /* NEW 태그가 있는 카드 */
    .event:has(.tag.new) {
      background-color: #fce4ec;
      border-left: 4px solid #ff4081;
    }
    /* POPULAR 태그가 있는 카드 */
    .event:has(.tag.popular) {
      background-color: #fff3e0; /* 연한 주황 */
      border-left: 4px solid #ffa500;
    }

    .event:hover {
      transform: translateY(-5px);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    .event h4 {
      margin: 0;
      font-size: 14px;
    }

    .event p {
      margin: 5px 0 0;
      font-size: 12px;
      color: #666;
    }

    .tag {
      display: inline-block;
      padding: 2px 5px;
      font-size: 10px;
      border-radius: 3px;
      margin-top: 5px;
      margin-right: 3px;
    }

    .tag.best {
      background-color: #FFD700;
      color: black;
    }
    .tag.new {
      background-color: #FF4081;
      color: white;
    }
    .tag.popular {
      background-color: #ffa500;
      color: black;
    }

    /* Existing tag styles */
    .tag.text { background-color: #9c27b0; color: white; }
    .tag.audio { background-color: #ff9800; color: white; }
    .tag.vision { background-color: #03a9f4; color: white; }
    .tag.multimodal { background-color: #795548; color: white; }
    .tag.video { background-color: #E91E63; color: white; }
    .tag.image { background-color: #00BCD4; color: white; }
    .tag.utility { background-color: #9E9E9E; color: white; }
    .tag.predict { background-color: #673AB7; color: white; }
    .tag.game { background-color: #4CAF50; color: white; }
    .tag.education { background-color: #3F51B5; color: white; }
    .tag.announcement { background-color: #607d8b; color: white; }

    /* New Productivity Tag Styles */
    .tag.productivity {
      background-color: #009688; /* Teal color */
      color: white;
    }
    .tag.Productivity { /* Ensure case-insensitive matching */
      background-color: #009688; /* Teal color */
      color: white;
    }

    .tag.text { background-color: #9c27b0; color: white; }
    .tag.audio { background-color: #ff9800; color: white; }
    .tag.vision { background-color: #03a9f4; color: white; }
    .tag.multimodal { background-color: #795548; color: white; }
    .tag.video { background-color: #E91E63; color: white; }
    .tag.image { background-color: #00BCD4; color: white; }
    .tag.utility { background-color: #9E9E9E; color: white; }
    .tag.predict { background-color: #673AB7; color: white; }
    .tag.game { background-color: #4CAF50; color: white; }
    .tag.education { background-color: #3F51B5; color: white; }
    .tag.announcement { background-color: #607d8b; color: white; }

    .event p a {
      color: #4caf50;
      text-decoration: none;
    }

    .event p a:hover {
      text-decoration: underline;
    }

    .github-link {
      text-align: center;
      padding: 8px;
      background-color: #24292e;
      color: white;
      font-size: 14px;
    }
    .github-link a {
      color: white;
      text-decoration: none;
    }
    .github-link a:hover {
      text-decoration: underline;
    }

    .filter-group {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;
      padding: 20px 0;
      background-color: white;
      border-bottom: 1px solid #eee;
    }

    .toggle-container {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: center;
      max-width: 900px;
      padding: 0 20px;
    }

    .toggle-button {
      padding: 6px 12px;
      border: 1px solid #ddd;
      border-radius: 15px;
      background-color: white;
      font-size: 13px;
      cursor: pointer;
      transition: all 0.2s ease;
      min-width: 80px;
      text-align: center;
    }
    .toggle-button.active {
      background-color: #2196f3;
      border-color: #2196f3;
      color: white;
    }

    /* Existing toggle button styles */
    .toggle-button[data-filter="best"] { background-color: #FFD700; color: black; }
    .toggle-button[data-filter="new"] { background-color: #FF4081; color: white; }
    .toggle-button[data-filter="popular"] { background-color: #ffa500; color: black; }
    .toggle-button[data-filter="text"] { background-color: #9c27b0; color: white; }
    .toggle-button[data-filter="audio"] { background-color: #ff9800; color: white; }
    .toggle-button[data-filter="vision"] { background-color: #03a9f4; color: white; }
    .toggle-button[data-filter="multimodal"] { background-color: #795548; color: white; }
    .toggle-button[data-filter="video"] { background-color: #E91E63; color: white; }
    .toggle-button[data-filter="image"] { background-color: #00BCD4; color: white; }
    .toggle-button[data-filter="utility"] { background-color: #9E9E9E; color: white; }
    .toggle-button[data-filter="predict"] { background-color: #673AB7; color: white; }
    .toggle-button[data-filter="game"] { background-color: #4CAF50; color: white; }
    .toggle-button[data-filter="education"] { background-color: #3F51B5; color: white; }

    /* New Productivity Toggle Button Style */
    .toggle-button[data-filter="productivity"] { background-color: #009688; color: white; }
    .toggle-button[data-filter="productivity"].active { background-color: #00796b; border-color: #00796b; }

    .counter-container {
      text-align: center;
      padding: 15px;
      font-size: 14px;
      color: #666;
      background-color: #f8f9fa;
    }

    .counter-item span {
      font-weight: bold;
      color: #2196f3;
    }

    .counter-divider {
      margin: 0 10px;
      color: #ddd;
    }

    .section-title {
      text-align: center;
      padding: 15px;
      color: white;
      background-color: #6200ea;
      margin: 0;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <div class="github-link">
    <a href="https://discord.gg/openfreeai" target="_blank">Community</a>
  </div>
  
  <div class="filter-group">
    <div class="toggle-container">
      <button class="toggle-button active" data-filter="all">All Models</button>
      <button class="toggle-button" data-filter="best">BEST</button>
      <button class="toggle-button" data-filter="new">NEW</button>
      <button class="toggle-button" data-filter="popular">POPULAR</button>
    </div>
    <div class="category-group">
      <button class="toggle-button" data-filter="text">Text</button>
      <button class="toggle-button" data-filter="audio">Audio</button>
      <button class="toggle-button" data-filter="vision">Vision</button>
      <button class="toggle-button" data-filter="multimodal">Multimodal</button>
      <button class="toggle-button" data-filter="video">Video</button>
      <button class="toggle-button" data-filter="image">Image</button>
      <button class="toggle-button" data-filter="utility">Utility</button>
      <button class="toggle-button" data-filter="predict">Predict</button>
      <button class="toggle-button" data-filter="game">Game</button>
      <button class="toggle-button" data-filter="education">Education</button>
      
      <!-- New Productivity Toggle Button -->
      <button class="toggle-button" data-filter="productivity">Productivity</button>
    </div>
  </div>
  
  <div class="counter-container">
    <span class="counter-item">
      <span id="best-count">0</span> BEST
    </span>
    <span class="counter-divider">·</span>
    <span class="counter-item">
      <span id="new-count">0</span> NEW
    </span>
    <span class="counter-divider">·</span>
    <span class="counter-item">
      <span id="popular-count">0</span> POPULAR
    </span>
  </div>
  
  <h2 class="section-title">Latest Models</h2>

  <div class="timeline-container">
    <div class="timeline">

      <!-- 1) aiqcamp/diagram -->
      <div class="event">
        <h4>aiqcamp/diagram</h4>
        <p>FLUX DIAGRAM GENERATOR(<a href="https://huggingface.co/spaces/aiqcamp/diagram" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 2) openfree/korea-president-yoon -->
      <div class="event">
        <h4>openfree/korea-president-yoon</h4>
        <p>LoRA IMAGE GENERATOR(<a href="https://huggingface.co/spaces/openfree/korea-president-yoon" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 3) VIDraft/PaperImpact -->
      <div class="event">
        <h4>VIDraft/PaperImpact</h4>
        <p>Paper Predict(<a href="https://huggingface.co/spaces/VIDraft/PaperImpact" target="_blank">link</a>).</p>
        <span class="tag Predict">Predict</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 4) openfree/CryptoVision -->
      <div class="event">
        <h4>openfree/CryptoVision</h4>
        <p>Crypto Price Predict(<a href="https://huggingface.co/spaces/openfree/CryptoVision" target="_blank">link</a>).</p>
        <span class="tag predict">Predict</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 5) gunship999/Gunship-3D-FPS -->
      <div class="event">
        <h4>gunship999/Gunship-3D-FPS</h4>
        <p>3D FPS(<a href="https://huggingface.co/spaces/gunship999/Gunship-3D-FPS" target="_blank">link</a>).</p>
        <span class="tag game">Game</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 6) fantos/VoiceClone -->
      <div class="event">
        <h4>fantos/VoiceClone</h4>
        <p>Voice Clone & TTS(<a href="https://huggingface.co/spaces/fantos/VoiceClone" target="_blank">link</a>).</p>
        <span class="tag audio">Audio</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 7) VIDraft/ChemGenesis -->
      <div class="event">
        <h4>VIDraft/ChemGenesis</h4>
        <p>Chemical Predict(<a href="https://huggingface.co/spaces/VIDraft/ChemGenesis" target="_blank">link</a>).</p>
        <span class="tag Vision">Vision</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 8) seawolf2357/ocrlatex -->
      <div class="event">
        <h4>seawolf2357/ocrlatex</h4>
        <p>OCR LATEX VIEW(<a href="https://huggingface.co/spaces/seawolf2357/ocrlatex" target="_blank">link</a>).</p>
        <span class="tag Vision">Vision</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 9) seawolf2357/img2vid -->
      <div class="event">
        <h4>seawolf2357/img2vid</h4>
        <p>Image to Video Generation (<a href="https://huggingface.co/spaces/seawolf2357/img2vid" target="_blank">link</a>).</p>
        <span class="tag video">Video</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 10) seawolf2357/sd-prompt-gen -->
      <div class="event">
        <h4>seawolf2357/sd-prompt-gen</h4>
        <p>Image Prompt Generation(<a href="https://huggingface.co/spaces/seawolf2357/sd-prompt-gen" target="_blank">link</a>).</p>
        <span class="tag Text">Text</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 11) openfree/badassgi -->
      <div class="event">
        <h4>openfree/badassgi</h4>
        <p>transcribe & translate(<a href="https://huggingface.co/spaces/openfree/badassgi" target="_blank">link</a>).</p>
        <span class="tag Multimodal">Multimodal</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 12) openfree/tarotcard -->
      <div class="event">
        <h4>openfree/tarotcard</h4>
        <p>Tarot Card Fotune(<a href="https://huggingface.co/spaces/openfree/tarotcard" target="_blank">link</a>).</p>
        <span class="tag Utility">Utility</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 13) openfree/drqxab -->
      <div class="event">
        <h4>openfree/drqxab</h4>
        <p>3D Simulation(<a href="https://huggingface.co/spaces/openfree/drqxab" target="_blank">link</a>).</p>
        <span class="tag Education">Education</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 14) aiqcamp/Polaroid -->
      <div class="event">
        <h4>aiqcamp/Polaroid</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/aiqcamp/Polaroid" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>

      <!-- 15) ginigen/cartoon -->
      <div class="event">
        <h4>ginigen/cartoon</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/ginigen/cartoon" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>


      </div>
      
      <!-- 16) ginigen/Book-Cover -->
      <div class="event">
        <h4>ginigen/Book-Cover</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/ginigen/Book-Cover" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>

      
      <!-- 17) aiqcamp/fash -->
      <div class="event">
        <h4>aiqcamp/fash</h4>
        <p>Link (<a href="https://huggingface.co/spaces/aiqcamp/fash" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 18) gunship999/Korea-Daily-News -->
      <div class="event">
        <h4>gunship999/Korea-Daily-News</h4>
        <p>Link (<a href="https://huggingface.co/spaces/gunship999/Korea-Daily-News" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 19) kolaslab/Quantum -->
      <div class="event">
        <h4>kolaslab/Quantum</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/Quantum" target="_blank">link</a>).</p>
        <span class="tag education">Education</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 20) openfree/webtoon -->
      <div class="event">
        <h4>openfree/webtoon</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/openfree/webtoon" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 21) immunobiotech/ChicagoGallery -->
      <div class="event">
        <h4>immunobiotech/ChicagoGallery</h4>
        <p>Link (<a href="https://huggingface.co/spaces/immunobiotech/ChicagoGallery" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 22) immunobiotech/MetropolitanMuseum -->
      <div class="event">
        <h4>immunobiotech/MetropolitanMuseum</h4>
        <p>Link (<a href="https://huggingface.co/spaces/immunobiotech/MetropolitanMuseum" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 23) immunobiotech/opensky -->
      <div class="event">
        <h4>immunobiotech/opensky</h4>
        <p>Link (<a href="https://huggingface.co/spaces/immunobiotech/opensky" target="_blank">link</a>).</p>
        <span class="tag Utility">Utility</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 24) kolaslab/Audio-Visualizer -->
      <div class="event">
        <h4>kolaslab/Audio-Visualizer</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/Audio-Visualizer" target="_blank">link</a>).</p>
        <span class="tag audio">Audio</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 25) kolaslab/Radio-Learning -->
      <div class="event">
        <h4>kolaslab/Radio-Learning</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/Radio-Learning" target="_blank">link</a>).</p>
        <span class="tag audio">Audio</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 26) kolaslab/Future-Gallaxy -->
      <div class="event">
        <h4>kolaslab/Future-Gallaxy</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/Future-Gallaxy" target="_blank">link</a>).</p>
        <span class="tag Education">Education</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 27) openfree/ProteinGenesis -->
      <div class="event">
        <h4>openfree/ProteinGenesis</h4>
        <p>Protein generation & Predict(<a href="https://huggingface.co/spaces/openfree/ProteinGenesis" target="_blank">link</a>).</p>
        <span class="tag Predict">Predict</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 28) openfree/2025saju -->
      <div class="event">
        <h4>openfree/2025saju</h4>
        <p>Link (<a href="https://huggingface.co/spaces/openfree/2025saju" target="_blank">link</a>).</p>
        <span class="tag Utility">Utility</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 29) ginigen/Dokdo-membership -->
      <div class="event">
        <h4>ginigen/Dokdo-membership</h4>
        <p>Link (<a href="https://huggingface.co/spaces/ginigen/Dokdo-membership" target="_blank">link</a>).</p>
        <span class="tag Video">Video</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 30) VIDraft/eum -->
      <div class="event">
        <h4>VIDraft/eum</h4>
        <p>Link (<a href="https://huggingface.co/spaces/VIDraft/eum" target="_blank">link</a>).</p>
        <span class="tag Text">Text</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 31) kolaslab/VisionART -->
      <div class="event">
        <h4>kolaslab/VisionART</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/VisionART" target="_blank">link</a>).</p>
        <span class="tag Multimodal">Multimodal</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 32) aiqtech/FLUX-military -->
      <div class="event">
        <h4>aiqtech/FLUX-military</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/aiqtech/FLUX-military" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 33) fantaxy/Rolls-Royce -->
      <div class="event">
        <h4>fantaxy/Rolls-Royce</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/fantaxy/Rolls-Royce" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 34) seawolf2357/flux-korea-hanbok-lora -->
      <div class="event">
        <h4>seawolf2357/flux-korea-hanbok-lora</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/seawolf2357/flux-korea-hanbok-lora" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 35) seawolf2357/flux-korea-palace-lora -->
      <div class="event">
        <h4>seawolf2357/flux-korea-palace-lora</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/seawolf2357/flux-korea-palace-lora" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 36) aiqcamp/flux-cat-lora -->
      <div class="event">
        <h4>aiqcamp/flux-cat-lora</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/aiqcamp/flux-cat-lora" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 37) gunship999/SexyImages -->
      <div class="event">
        <h4>gunship999/SexyImages</h4>
        <p>Link (<a href="https://huggingface.co/spaces/gunship999/SexyImages" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 38) aiqtech/flux-claude-monet-lora -->
      <div class="event">
        <h4>aiqtech/flux-claude-monet-lora</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/aiqtech/flux-claude-monet-lora" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 39) ginigen/CANVAS-o3 -->
      <div class="event">
        <h4>ginigen/CANVAS-o3</h4>
        <p>Link (<a href="https://huggingface.co/spaces/ginigen/CANVAS-o3" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 40) kolaslab/world-sdr -->
      <div class="event">
        <h4>kolaslab/world-sdr</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/world-sdr" target="_blank">link</a>).</p>
        <span class="tag Education">Education</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 41) seawolf2357/3D-Avatar-Generator -->
      <div class="event">
        <h4>seawolf2357/3D-Avatar-Generator</h4>
        <p>Link (<a href="https://huggingface.co/spaces/seawolf2357/3D-Avatar-Generator" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 42) fantaxy/playground25 -->
      <div class="event">
        <h4>fantaxy/playground25</h4>
        <p>Link (<a href="https://huggingface.co/spaces/fantaxy/playground25" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 43) openfree/ultpixgen -->
      <div class="event">
        <h4>openfree/ultpixgen</h4>
        <p>Link (<a href="https://huggingface.co/spaces/openfree/ultpixgen" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 44) kolaslab/VISION-NIGHT -->
      <div class="event">
        <h4>kolaslab/VISION-NIGHT</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/VISION-NIGHT" target="_blank">link</a>).</p>
        <span class="tag vision">Vision</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 45) kolaslab/FLUX-WEB -->
      <div class="event">
        <h4>kolaslab/FLUX-WEB</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/FLUX-WEB" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 46) seawolf2357/REALVISXL-V5 -->
      <div class="event">
        <h4>seawolf2357/REALVISXL-V5</h4>
        <p>Link (<a href="https://huggingface.co/spaces/seawolf2357/REALVISXL-V5" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 47) ginipick/Dokdo-multimodal -->
      <div class="event">
        <h4>ginipick/Dokdo-multimodal</h4>
        <p>Link (<a href="https://huggingface.co/spaces/ginipick/Dokdo-multimodal" target="_blank">link</a>).</p>
        <span class="tag multimodal">Multimodal</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 48) ginigen/theater -->
      <div class="event">
        <h4>ginigen/theater</h4>
        <p>Link (<a href="https://huggingface.co/spaces/ginigen/theater" target="_blank">link</a>).</p>
        <span class="tag video">Video</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 49) VIDraft/stock -->
      <div class="event">
        <h4>VIDraft/stock</h4>
        <p>Link (<a href="https://huggingface.co/spaces/VIDraft/stock" target="_blank">link</a>).</p>
        <span class="tag predict">Predict</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 50) fantos/flxcontrol -->
      <div class="event">
        <h4>fantos/flxcontrol</h4>
        <p>Link (<a href="https://huggingface.co/spaces/fantos/flxcontrol" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 51) fantos/textcutobject -->
      <div class="event">
        <h4>fantos/textcutobject</h4>
        <p>Link (<a href="https://huggingface.co/spaces/fantos/textcutobject" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 52) ginipick/FLUX-Prompt-Generator -->
      <div class="event">
        <h4>ginipick/FLUX-Prompt-Generator</h4>
        <p>Link (<a href="https://huggingface.co/spaces/ginipick/FLUX-Prompt-Generator" target="_blank">link</a>).</p>
        <span class="tag text">Text</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 53) fantaxy/flxloraexp -->
      <div class="event">
        <h4>fantaxy/flxloraexp</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/fantaxy/flxloraexp" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 54) fantos/flxloraexp -->
      <div class="event">
        <h4>fantos/flxloraexp</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/fantos/flxloraexp" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 55) seawolf2357/flxloraexp -->
      <div class="event">
        <h4>seawolf2357/flxloraexp</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/seawolf2357/flxloraexp" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 56) ginipick/flxloraexp -->
      <div class="event">
        <h4>ginipick/flxloraexp</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/ginipick/flxloraexp" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 57) ginipick/FLUX-Prompt-Generator -->
      <div class="event">
        <h4>ginipick/FLUX-Prompt-Generator</h4>
        <p>Link (<a href="https://huggingface.co/spaces/ginipick/FLUX-Prompt-Generator" target="_blank">link</a>).</p>
        <span class="tag text">Text</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 58) ginigen/Dokdo -->
      <div class="event">
        <h4>ginigen/Dokdo</h4>
        <p>Video Generation(<a href="https://huggingface.co/spaces/ginigen/Dokdo" target="_blank">link</a>).</p>
        <span class="tag Video">Video</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 59) aiqcamp/imagemagic -->
      <div class="event">
        <h4>aiqcamp/imagemagic</h4>
        <p>Image Inpainting(<a href="https://huggingface.co/spaces/aiqcamp/imagemagic" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 60) openfree/ColorRevive -->
      <div class="event">
        <h4>openfree/ColorRevive</h4>
        <p>Link (<a href="https://huggingface.co/spaces/openfree/ColorRevive" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 61) VIDraft/RAGOndevice -->
      <div class="event">
        <h4>VIDraft/RAGOndevice</h4>
        <p>Link (<a href="https://huggingface.co/spaces/VIDraft/RAGOndevice" target="_blank">link</a>).</p>
        <span class="tag text">Text</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 62) gunship999/Radar-Bluetooth -->
      <div class="event">
        <h4>gunship999/Radar-Bluetooth</h4>
        <p>Link (<a href="https://huggingface.co/spaces/gunship999/Radar-Bluetooth" target="_blank">link</a>).</p>
        <span class="tag utility">Utility</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 63) gunship999/WiFi-VISION -->
      <div class="event">
        <h4>gunship999/WiFi-VISION</h4>
        <p>Link (<a href="https://huggingface.co/spaces/gunship999/WiFi-VISION" target="_blank">link</a>).</p>
        <span class="tag vision">Vision</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 64) gunship999/SONAR-Radar -->
      <div class="event">
        <h4>gunship999/SONAR-Radar</h4>
        <p>Link (<a href="https://huggingface.co/spaces/gunship999/SONAR-Radar" target="_blank">link</a>).</p>
        <span class="tag utility">Utility</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 65) aiqcamp/AudioLlama -->
      <div class="event">
        <h4>aiqcamp/AudioLlama</h4>
        <p>Sound Generation(<a href="https://huggingface.co/spaces/aiqcamp/AudioLlama" target="_blank">link</a>).</p>
        <span class="tag audio">Audio</span>
        <span class="tag best">BEST</span>

      </div>
      
      <!-- 66) ginigen/FLUXllama-Multilingual -->
      <div class="event">
        <h4>ginigen/FLUXllama-Multilingual</h4>
        <p>Flux Image Generation(<a href="https://huggingface.co/spaces/ginigen/FLUXllama-Multilingual" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 67) ginipick/ginimedi -->
      <div class="event">
        <h4>ginipick/ginimedi</h4>
        <p>RAG Chatbot(<a href="https://huggingface.co/spaces/ginipick/ginimedi" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 68) ginipick/ginilaw -->
      <div class="event">
        <h4>ginipick/ginilaw</h4>
        <p>RAG Chatbot(<a href="https://huggingface.co/spaces/ginipick/ginilaw" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 69) ginipick/ginipharm -->
      <div class="event">
        <h4>ginipick/ginipharm</h4>
        <p>RAG Chatbot(<a href="https://huggingface.co/spaces/ginipick/ginipharm" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 70) ginipick/FitGen -->
      <div class="event">
        <h4>ginipick/FitGen</h4>
        <p>Fashion Generation(<a href="https://huggingface.co/spaces/ginipick/FitGen" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 71) fantaxy/FLUX-Animations -->
      <div class="event">
        <h4>fantaxy/FLUX-Animations</h4>
        <p>Flux GIF Generation(<a href="https://huggingface.co/spaces/fantaxy/FLUX-Animations" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 72) fantaxy/Remove-Video-Background -->
      <div class="event">
        <h4>fantaxy/Remove-Video-Background</h4>
        <p>Remove Video Background(<a href="https://huggingface.co/spaces/fantaxy/Remove-Video-Background" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 73) fantaxy/ofai-flx-logo -->
      <div class="event">
        <h4>fantaxy/ofai-flx-logo</h4>
        <p>Flux Image Generation(<a href="https://huggingface.co/spaces/fantaxy/ofai-flx-logo" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 74) fantaxy/flx-pulid -->
      <div class="event">
        <h4>fantaxy/flx-pulid</h4>
        <p>Flux Image Generation(<a href="https://huggingface.co/spaces/fantaxy/flx-pulid" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 75) fantaxy/flx-upscale -->
      <div class="event">
        <h4>fantaxy/flx-upscale</h4>
        <p>Flux Image Inpainting(<a href="https://huggingface.co/spaces/fantaxy/flx-upscale" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 76) aiqcamp/Fashion-FLUX -->
      <div class="event">
        <h4>aiqcamp/Fashion-FLUX</h4>
        <p>Fashion Generation(<a href="https://huggingface.co/spaces/aiqcamp/Fashion-FLUX" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 77) ginipick/StyleGen -->
      <div class="event">
        <h4>ginipick/StyleGen</h4>
        <p>Fashion Generation(<a href="https://huggingface.co/spaces/ginipick/StyleGen" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 78) openfree/StoryStar -->
      <div class="event">
        <h4>openfree/StoryStar</h4>
        <p>Fantasy Novel Generation(<a href="https://huggingface.co/spaces/openfree/StoryStar" target="_blank">link</a>).</p>
        <span class="tag text">Text</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 79) fantos/x-mas -->
      <div class="event">
        <h4>fantos/x-mas</h4>
        <p>Flux Image Generation(<a href="https://huggingface.co/spaces/fantos/x-mas" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 80) openfree/Korean-Leaderboard -->
      <div class="event">
        <h4>openfree/Korean-Leaderboard</h4>
        <p>LKorean Leaderboard(<a href="https://huggingface.co/spaces/openfree/Korean-Leaderboard" target="_blank">link</a>).</p>
        <span class="tag Utility">Utility</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 81) ginipick/FLUXllama -->
      <div class="event">
        <h4>ginipick/FLUXllama</h4>
        <p>Flux Image Generation(<a href="https://huggingface.co/spaces/ginipick/FLUXllama" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 82) ginipick/SORA-3D -->
      <div class="event">
        <h4>ginipick/SORA-3D</h4>
        <p>Text/Image to 3D(<a href="https://huggingface.co/spaces/ginipick/SORA-3D" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 83) fantaxy/Sound-AI-SFX -->
      <div class="event">
        <h4>fantaxy/Sound-AI-SFX</h4>
        <p>Sound Generation(<a href="https://huggingface.co/spaces/fantaxy/Sound-AI-SFX" target="_blank">link</a>).</p>
        <span class="tag audio">Audio</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 84) fantos/flx8lora -->
      <div class="event">
        <h4>fantos/flx8lora</h4>
        <p>Flux Image Generation(<a href="https://huggingface.co/spaces/fantos/flx8lora" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 85) ginigen/Canvas -->
      <div class="event">
        <h4>ginigen/Canvas</h4>
        <p>Flux Image Inpainting(<a href="https://huggingface.co/spaces/ginigen/Canvas" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>
      </div>
      
      <!-- 86) fantaxy/erotica -->
      <div class="event">
        <h4>fantaxy/erotica</h4>
        <p>Adult Novel Generation(<a href="https://huggingface.co/spaces/fantaxy/erotica" target="_blank">link</a>).</p>
        <span class="tag Text">Text</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 87) ginipick/time-machine -->
      <div class="event">
        <h4>ginipick/time-machine</h4>
        <p>Flux Image Generation(<a href="https://huggingface.co/spaces/ginipick/time-machine" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 88) aiqcamp/FLUX-VisionReply -->
      <div class="event">
        <h4>aiqcamp/FLUX-VisionReply</h4>
        <p>Flux Image Inpainting(<a href="https://huggingface.co/spaces/aiqcamp/FLUX-VisionReply" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 89) openfree/Tetris-Game -->
      <div class="event">
        <h4>openfree/Tetris-Game</h4>
        <p>Link (<a href="https://huggingface.co/spaces/openfree/Tetris-Game" target="_blank">link</a>).</p>
        <span class="tag game">Game</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 90) openfree/everychat -->
      <div class="event">
        <h4>openfree/everychat</h4>
        <p>Multi LLM Chatbot(<a href="https://huggingface.co/spaces/openfree/everychat" target="_blank">link</a>).</p>
        <span class="tag text">Text</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 91) VIDraft/mouse1 -->
      <div class="event">
        <h4>VIDraft/mouse1</h4>
        <p>NLP Creative Coding & Web/App(<a href="https://huggingface.co/spaces/VIDraft/mouse1" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 92) kolaslab/alpha-go -->
      <div class="event">
        <h4>kolaslab/alpha-go</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/alpha-go" target="_blank">link</a>).</p>
        <span class="tag game">Game</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 93) ginipick/text3d -->
      <div class="event">
        <h4>ginipick/text3d</h4>
        <p>Text to 3D Style Generation(<a href="https://huggingface.co/spaces/ginipick/text3d" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 94) openfree/trending-board -->
      <div class="event">
        <h4>openfree/trending-board</h4>
        <p>Huggingface Trending Board(<a href="https://huggingface.co/spaces/openfree/trending-board" target="_blank">link</a>).</p>
        <span class="tag utility">Utility</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 95) cutechicken/tankwar -->
      <div class="event">
        <h4>cutechicken/tankwar</h4>
        <p>Link (<a href="https://huggingface.co/spaces/cutechicken/tankwar" target="_blank">link</a>).</p>
        <span class="tag game">Game</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 96) openfree/game-jewel -->
      <div class="event">
        <h4>openfree/game-jewel</h4>
        <p>Link (<a href="https://huggingface.co/spaces/openfree/game-jewel" target="_blank">link</a>).</p>
        <span class="tag game">Game</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 97) VIDraft/mouse-chat -->
      <div class="event">
        <h4>VIDraft/mouse-chat</h4>
        <p>Rich Chatbot(<a href="https://huggingface.co/spaces/VIDraft/mouse-chat" target="_blank">link</a>).</p>
        <span class="tag Productivity">Productivity</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 98) ginipick/AccDiffusion -->
      <div class="event">
        <h4>ginipick/AccDiffusion</h4>
        <p>Image Generaion(<a href="https://huggingface.co/spaces/ginipick/AccDiffusion" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 99) aiqtech/Particle-Accelerator-Simulation -->
      <div class="event">
        <h4>aiqtech/Particle-Accelerator-Simulation</h4>
        <p>Link (<a href="https://huggingface.co/spaces/aiqtech/Particle-Accelerator-Simulation" target="_blank">link</a>).</p>
        <span class="tag education">Education</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 100) openfree/GiniGEN -->
      <div class="event">
        <h4>openfree/GiniGEN</h4>
        <p>Flux LoRA Image Generaion(<a href="https://huggingface.co/spaces/openfree/GiniGEN" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 101) kolaslab/3DAudio-Spectrum-Analyzer -->
      <div class="event">
        <h4>kolaslab/3DAudio-Spectrum-Analyzer</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/3DAudio-Spectrum-Analyzer" target="_blank">link</a>).</p>
        <span class="tag audio">Audio</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 102) openfree/trending-news-24 -->
      <div class="event">
        <h4>openfree/trending-news-24</h4>
        <p>Link (<a href="https://huggingface.co/spaces/openfree/trending-news-24" target="_blank">link</a>).</p>
        <span class="tag Utility">Utility</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 103) ginipick/Realtime-FLUX -->
      <div class="event">
        <h4>ginipick/Realtime-FLUX</h4>
        <p>Flux Image Generaion(<a href="https://huggingface.co/spaces/ginipick/Realtime-FLUX" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 104) VIDraft/prime-number -->
      <div class="event">
        <h4>VIDraft/prime-number</h4>
        <p>Link (<a href="https://huggingface.co/spaces/VIDraft/prime-number" target="_blank">link</a>).</p>
        <span class="tag education">Education</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 105) kolaslab/zombie-game -->
      <div class="event">
        <h4>kolaslab/zombie-game</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/zombie-game" target="_blank">link</a>).</p>
        <span class="tag game">Game</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 106) fantos/miro-game -->
      <div class="event">
        <h4>fantos/miro-game</h4>
        <p>Link (<a href="https://huggingface.co/spaces/fantos/miro-game" target="_blank">link</a>).</p>
        <span class="tag game">Game</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 107) kolaslab/shooting -->
      <div class="event">
        <h4>kolaslab/shooting</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/shooting" target="_blank">link</a>).</p>
        <span class="tag game">Game</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 108) VIDraft/Mouse-Hackathon -->
      <div class="event">
        <h4>VIDraft/Mouse-Hackathon</h4>
        <p>Link (<a href="https://huggingface.co/spaces/VIDraft/Mouse-Hackathon" target="_blank">link</a>).</p>
        <span class="tag utility">Utility</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 109) aiqmaster/stocksimulation -->
      <div class="event">
        <h4>aiqmaster/stocksimulation</h4>
        <p>Link (<a href="https://huggingface.co/spaces/aiqmaster/stocksimulation" target="_blank">link</a>).</p>
        <span class="tag predict">Predict</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 110) aiqmaster/assetai -->
      <div class="event">
        <h4>aiqmaster/assetai</h4>
        <p>Link (<a href="https://huggingface.co/spaces/aiqmaster/assetai" target="_blank">link</a>).</p>
        <span class="tag predict">Predict</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 111) aiqmaster/stockai -->
      <div class="event">
        <h4>aiqmaster/stockai</h4>
        <p>Link (<a href="https://huggingface.co/spaces/aiqmaster/stockai" target="_blank">link</a>).</p>
        <span class="tag predict">Predict</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 112) cutechicken/TankWar3D -->
      <div class="event">
        <h4>cutechicken/TankWar3D</h4>
        <p>Link (<a href="https://huggingface.co/spaces/cutechicken/TankWar3D" target="_blank">link</a>).</p>
        <span class="tag game">Game</span>
        <span class="tag best">BEST</span>
      </div>
      
      <!-- 113) kolaslab/RC4-EnDecoder -->
      <div class="event">
        <h4>kolaslab/RC4-EnDecoder</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/RC4-EnDecoder" target="_blank">link</a>).</p>
        <span class="tag utility">Utility</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 114) kolaslab/simulator -->
      <div class="event">
        <h4>kolaslab/simulator</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/simulator" target="_blank">link</a>).</p>
        <span class="tag utility">Utility</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 115) kolaslab/calculator -->
      <div class="event">
        <h4>kolaslab/calculator</h4>
        <p>Link (<a href="https://huggingface.co/spaces/kolaslab/calculator" target="_blank">link</a>).</p>
        <span class="tag utility">Utility</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 116) aiqtech/kofaceid -->
      <div class="event">
        <h4>aiqtech/kofaceid</h4>
        <p>Image Inpainting(<a href="https://huggingface.co/spaces/aiqtech/kofaceid" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 117) fantaxy/fastvideogen -->
      <div class="event">
        <h4>fantaxy/fastvideogen</h4>
        <p>Video Generation(<a href="https://huggingface.co/spaces/fantaxy/fastvideogen" target="_blank">link</a>).</p>
        <span class="tag video">Video</span>
        <span class="tag popular">POPULAR</span>
      </div>
      

      
      <!-- 118) openfree/MagicFace -->
      <div class="event">
        <h4>openfree/MagicFace</h4>
        <p>FACE ID Image Generation(<a href="https://huggingface.co/spaces/openfree/MagicFace" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag popular">POPULAR</span>
      </div>
      
      <!-- 119) fantos/flxfashmodel -->
      <div class="event">
        <h4>fantos/flxfashmodel</h4>
        <p>Flux Fashion Image Inpainting(<a href="https://huggingface.co/spaces/fantos/flxfashmodel" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 120) fantos/kolcontrl -->
      <div class="event">
        <h4>fantos/kolcontrl</h4>
        <p>Flux Image Inpainting(<a href="https://huggingface.co/spaces/fantos/kolcontrl" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 121) fantos/EveryText -->
      <div class="event">
        <h4>fantos/EveryText</h4>
        <p>Image & Text add (<a href="https://huggingface.co/spaces/fantos/EveryText" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 122) aiqtech/cinevid -->
      <div class="event">
        <h4>aiqtech/cinevid</h4>
        <p>CINE Image Generation(<a href="https://huggingface.co/spaces/aiqtech/cinevid" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag new">NEW</span>
      </div>
      
      <!-- 123) aiqtech/FLUX-Ghibli-Studio-LoRA -->
      <div class="event">
        <h4>aiqtech/FLUX-Ghibli-Studio-LoRA</h4>
        <p>LoRA Image Generation(<a href="https://huggingface.co/spaces/aiqtech/FLUX-Ghibli-Studio-LoRA" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 124) aiqtech/flxgif -->
      <div class="event">
        <h4>aiqtech/flxgif</h4>
        <p>Flux Image to GIF Generation(<a href="https://huggingface.co/spaces/aiqtech/flxgif" target="_blank">link</a>).</p>
        <span class="tag Image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>
      
      <!-- 125) aiqtech/imaginpaint -->
      <div class="event">
        <h4>aiqtech/imaginpaint</h4>
        <p>Flux Image Inpainting(<a href="https://huggingface.co/spaces/aiqtech/imaginpaint" target="_blank">link</a>).</p>
        <span class="tag image">Image</span>
        <span class="tag popular">POPULAR</span>

      </div>

    </div>
  </div>
  
 

  <script>
    function updateCounts() {
      const bestCount = document.querySelectorAll('.tag.best').length;
      const newCount = document.querySelectorAll('.tag.new').length;
      const popularCount = document.querySelectorAll('.tag.popular').length;

      document.getElementById('best-count').textContent = bestCount;
      document.getElementById('new-count').textContent = newCount;
      document.getElementById('popular-count').textContent = popularCount;
    }

    let currentFilters = {
      category: 'all'
    };

    function filterByCategory(category) {
      const buttons = document.querySelectorAll('.toggle-button');
      buttons.forEach(button => {
        button.classList.remove('active');
        if (button.getAttribute('data-filter') === category) {
          button.classList.add('active');
        }
      });
      currentFilters.category = category;
      applyFilters();
    }

    function applyFilters() {
      const events = document.querySelectorAll('.event');
      events.forEach(event => {
        const matchesCategory =
          currentFilters.category === 'all' ||
          event.querySelector(`.tag.${currentFilters.category}`);
        event.style.display = matchesCategory ? 'block' : 'none';
      });
      updateCounts();
    }

    document.addEventListener('DOMContentLoaded', function() {
      const buttons = document.querySelectorAll('.toggle-button');
      buttons.forEach(button => {
        button.addEventListener('click', function() {
          filterByCategory(this.getAttribute('data-filter'));
        });
      });
      updateCounts();
    });
  </script>
</body>
</html>