1panel.pro

104.21.94.63

, ,

172.67.220.82

, ,

2606:4700:3031::6815:5e3f

, ,

2606:4700:3031::ac43:dc52

, ,

{
  "error": false,
  "result": {
    "success": true,
    "ogTitle": "1Panel: Top-Rated Web-based Linux Server Management Tool",
    "ogDescription": "1Panel: Top-Rated Web-based Linux Server Management Tool",
    "ogType": "website",
    "twitterCard": "summary_large_image",
    "twitterTitle": "1Panel: Top-Rated Web-based Linux Server Management Tool",
    "twitterDescription": "1Panel: Top-Rated Web-based Linux Server Management Tool",
    "ogImage": [
      {
        "url": "./images/overview-full.png",
        "type": "png"
      }
    ],
    "ogLocale": "zh-CN",
    "favicon": "./favicon.png",
    "charset": "UTF-8",
    "requestUrl": "https://1panel.pro"
  },
  "response": {}
}

{}

[
  {
    "url": "https://1panel.pro",
    "technologies": [
      {
        "slug": "core-js",
        "name": "core-js",
        "versions": [
          "3.6.5",
          "3.41.0"
        ],
        "trafficRank": 81,
        "confirmedAt": 1754873315,
        "icon": "core-js.png",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "goober",
        "name": "Goober",
        "versions": [],
        "trafficRank": 388,
        "confirmedAt": 1756376905,
        "icon": "Goober.svg",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "mobx",
        "name": "MobX",
        "versions": [],
        "trafficRank": 388,
        "confirmedAt": 1756376905,
        "icon": "MobX.svg",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "lit-html",
        "name": "lit-html",
        "versions": [
          "3.2.1"
        ],
        "trafficRank": 765,
        "confirmedAt": 1756680314,
        "icon": "Lit.svg",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "lit-element",
        "name": "lit-element",
        "versions": [
          "4.1.1"
        ],
        "trafficRank": 765,
        "confirmedAt": 1756680314,
        "icon": "Lit.svg",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "emotion",
        "name": "Emotion",
        "versions": [],
        "trafficRank": 905,
        "confirmedAt": 1756680314,
        "icon": "Emotion.svg",
        "categories": [
          {
            "id": 12,
            "slug": "javascript-frameworks",
            "name": "JavaScript frameworks"
          },
          {
            "id": 47,
            "slug": "development",
            "name": "Development"
          }
        ]
      },
      {
        "slug": "redux",
        "name": "Redux",
        "versions": [],
        "trafficRank": 1412,
        "confirmedAt": 1756680314,
        "icon": "Redux.svg",
        "categories": [
          {
            "id": 12,
            "slug": "javascript-frameworks",
            "name": "JavaScript frameworks"
          }
        ]
      },
      {
        "slug": "cart-functionality",
        "name": "Cart Functionality",
        "versions": [],
        "trafficRank": 2408,
        "confirmedAt": 1756728150,
        "icon": "Cart-generic.svg",
        "categories": [
          {
            "id": 6,
            "slug": "ecommerce",
            "name": "Ecommerce"
          }
        ]
      },
      {
        "slug": "font-awesome",
        "name": "Font Awesome",
        "versions": [],
        "trafficRank": 2434,
        "confirmedAt": 1756728150,
        "icon": "Font Awesome.svg",
        "categories": [
          {
            "id": 17,
            "slug": "font-scripts",
            "name": "Font scripts"
          }
        ]
      },
      {
        "slug": "doubleclick-floodlight",
        "name": "DoubleClick Floodlight",
        "versions": [],
        "trafficRank": 2688,
        "confirmedAt": 1756720220,
        "icon": "DoubleClick.svg",
        "categories": [
          {
            "id": 36,
            "slug": "advertising",
            "name": "Advertising"
          }
        ]
      },
      {
        "slug": "asciinema",
        "name": "Asciinema",
        "versions": [],
        "trafficRank": 2701,
        "confirmedAt": 1756725564,
        "icon": "Asciinema.svg",
        "categories": [
          {
            "id": 14,
            "slug": "video-players",
            "name": "Video players"
          }
        ]
      },
      {
        "slug": "google-font-api",
        "name": "Google Font API",
        "versions": [],
        "trafficRank": 2701,
        "confirmedAt": 1756725564,
        "icon": "Google Font API.svg",
        "categories": [
          {
            "id": 17,
            "slug": "font-scripts",
            "name": "Font scripts"
          }
        ]
      },
      {
        "slug": "astro",
        "name": "Astro",
        "versions": [
          "4.16.18"
        ],
        "trafficRank": 3034,
        "confirmedAt": 1756725564,
        "icon": "Astro.svg",
        "categories": [
          {
            "id": 57,
            "slug": "static-site-generator",
            "name": "Static site generator"
          },
          {
            "id": 12,
            "slug": "javascript-frameworks",
            "name": "JavaScript frameworks"
          }
        ]
      },
      {
        "slug": "bootstrap",
        "name": "Bootstrap",
        "cpe": "cpe:2.3:a:getbootstrap:bootstrap:4.5.0:*:*:*:*:*:*:*",
        "versions": [
          "4.5.0"
        ],
        "trafficRank": 4622,
        "confirmedAt": 1756728150,
        "icon": "Bootstrap.svg",
        "categories": [
          {
            "id": 66,
            "slug": "ui-frameworks",
            "name": "UI frameworks"
          }
        ]
      },
      {
        "slug": "jquery",
        "name": "jQuery",
        "cpe": "cpe:2.3:a:jquery:jquery:3.6.4:*:*:*:*:*:*:*",
        "versions": [
          "3.6.4"
        ],
        "trafficRank": 4622,
        "confirmedAt": 1756728150,
        "icon": "jQuery.svg",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "cloudflare-browser-insights",
        "name": "Cloudflare Browser Insights",
        "versions": [],
        "trafficRank": 5650,
        "confirmedAt": 1756728150,
        "icon": "CloudFlare.svg",
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          },
          {
            "id": 78,
            "slug": "rum",
            "name": "RUM"
          }
        ]
      },
      {
        "slug": "open-graph",
        "name": "Open Graph",
        "versions": [],
        "trafficRank": 7059,
        "confirmedAt": 1756728150,
        "icon": "Open Graph.svg",
        "categories": [
          {
            "id": 19,
            "slug": "miscellaneous",
            "name": "Miscellaneous"
          }
        ]
      },
      {
        "slug": "cloudflare",
        "name": "Cloudflare",
        "versions": [],
        "trafficRank": 7306,
        "confirmedAt": 1756728150,
        "icon": "CloudFlare.svg",
        "categories": [
          {
            "id": 31,
            "slug": "cdn",
            "name": "CDN"
          }
        ]
      },
      {
        "slug": "http-3",
        "name": "HTTP/3",
        "versions": [],
        "trafficRank": 7306,
        "confirmedAt": 1756728150,
        "icon": "HTTP3.svg",
        "categories": [
          {
            "id": 19,
            "slug": "miscellaneous",
            "name": "Miscellaneous"
          }
        ]
      },
      {
        "slug": "google-tag-manager",
        "name": "Google Tag Manager",
        "versions": [],
        "trafficRank": 7369,
        "confirmedAt": 1756728150,
        "icon": "Google Tag Manager.svg",
        "categories": [
          {
            "id": 42,
            "slug": "tag-managers",
            "name": "Tag managers"
          }
        ]
      },
      {
        "slug": "google-analytics",
        "name": "Google Analytics",
        "versions": [
          "GA4"
        ],
        "trafficRank": 7369,
        "confirmedAt": 1756728150,
        "icon": "Google Analytics.svg",
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          }
        ]
      }
    ]
  }
]

{
  "errors": [
    {
      "id": "authentication_failed",
      "code": 401,
      "details": "No user found for the API key supplied"
    }
  ]
}

{
  "whois.registrypro.pro": {
    "error": "Failed to connect"
  }
}

1panel.pro

<!DOCTYPE html><html lang="zh-CN"> <head><meta charset="UTF-8"><meta name="description" content="1Panel: Top-Rated Web-based Linux Server Management Tool"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="./favicon.png"><meta name="generator" content="Astro v4.16.18"><meta property="og:title" content="1Panel: Top-Rated Web-based Linux Server Management Tool"><meta property="og:description" content="1Panel: Top-Rated Web-based Linux Server Management Tool"><meta property="og:type" content="website"><meta property="og:image" content="./images/overview-full.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="1Panel: Top-Rated Web-based Linux Server Management Tool"><meta name="twitter:description" content="1Panel: Top-Rated Web-based Linux Server Management Tool"><meta name="keywords" content="1Panel,Linux,server,github,panel,docker,container,website,database,management,wordpress,php"><title>1Panel: Top-Rated Web-based Linux Server Management Tool</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="/lib/asciinema-player.css"><script src="/lib/asciinema-player.min.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-1QN949WS47"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1QN949WS47'); </script><link rel="stylesheet" href="./assets/index.B2TT3N1D.css"> <style>.typing-effect[data-astro-cid-bbe6dxrz]:after{content:"|";animation:blink 1s infinite}#typewriter-text[data-astro-cid-bbe6dxrz]{display:inline-block}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.animate-pulse[data-astro-cid-vnivfuh2]{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.feature-item[data-astro-cid-vnivfuh2].active{background-color:#f0f7ff;border-color:#005eeb;box-shadow:0 4px 12px #005eeb26}.feature-item[data-astro-cid-vnivfuh2].active span[data-astro-cid-vnivfuh2]{color:#005eeb;font-weight:600}.feature-item[data-astro-cid-vnivfuh2]:hover{transform:translateY(-2px)}.line-clamp-2[data-astro-cid-fdq7cenr]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-tab[data-astro-cid-fdq7cenr]{background:#e5e7ebcc;color:#6b7280;border:1px solid rgba(209,213,219,.5)}.category-tab[data-astro-cid-fdq7cenr]:hover{background:#005eeb1a;color:#005eeb;border-color:#005eeb4d;transform:translateY(-2px)}.category-tab[data-astro-cid-fdq7cenr].active{background:linear-gradient(135deg,#005eeb,#06f);color:#fff;border-color:#005eeb;transform:translateY(-2px);box-shadow:0 10px 25px -3px #005eeb4d}.category-content[data-astro-cid-fdq7cenr]{transition:all .3s ease-in-out}.category-content[data-astro-cid-fdq7cenr].hidden{display:none}.category-content[data-astro-cid-fdq7cenr].active{display:block;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.animate-float[data-astro-cid-4xty6sx2]{animation:float 6s ease-in-out infinite}.shadow-3xl[data-astro-cid-4xty6sx2]{box-shadow:0 35px 60px -12px #00000040}main[data-astro-cid-j7pv25f6]{position:relative;z-index:1} </style><script type="module" src="./assets/hoisted.ChfMuu83.js"></script></head> <body class="bg-dark-900 text-gray-100 antialiased">  <div id="particles-background" class="fixed inset-0 z-0"></div>  <div class="relative z-10"> <header class="fixed top-0 left-0 right-0 z-50 bg-dark-200/80 backdrop-blur-md border-b border-gray-200"> <nav class="container-custom"> <div class="flex items-center justify-between h-16 lg:h-20">  <div class="flex items-center space-x-3"> <a href="/"> <img src="./images/logo-blue.png" alt="1Panel Logo" class="h-12"> </a> </div>  <div class="hidden lg:flex items-center space-x-8"> <a href="/pricing" target="_blank" class="relative text-gray-700 hover:text-gray-900 hover:font-bold transition-colors duration-300 group"> Pricing <span class="relative -left-1 bottom-2"> 🔥 </span> </a> <a href="/#appstore" target="_blank" class="text-gray-700 hover:text-gray-900 hover:font-bold transition-colors duration-300">App Store</a> <a href="https://github.com/1Panel-dev/1Panel/discussions" target="_blank" class="text-gray-700 hover:text-gray-900 hover:font-bold transition-colors duration-300">Discussions</a> <a href="https://docs.1panel.pro/" target="_blank" class="text-gray-700 hover:text-gray-900 hover:font-bold transition-colors duration-300">Docs</a> <div class="flex items-center space-x-4"> <a href="https://demo.1panel.pro/" target="_blank" class="btn-secondary text-sm inline-flex items-center"> <svg width="1em" height="1em" class="w-5 h-5 mr-2" data-icon="carbon:demo"> <symbol id="ai:carbon:demo" viewBox="0 0 32 32"><path fill="currentColor" d="M20 2v12l10-6z"/><path fill="currentColor" d="M28 14v8H4V6h10V4H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h8v4H8v2h16v-2h-4v-4h8a2 2 0 0 0 2-2v-8zM18 28h-4v-4h4z"/></symbol><use href="#ai:carbon:demo"></use> </svg> Demo </a> <a href="https://github.com/1Panel-dev/1Panel" target="_blank" class="btn-primary text-sm inline-flex items-center"> <svg width="1em" height="1em" class="w-5 h-5 mr-2" data-icon="carbon:logo-github"> <symbol id="ai:carbon:logo-github" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="M16 2a14 14 0 0 0-4.43 27.28c.7.13 1-.3 1-.67v-2.38c-3.89.84-4.71-1.88-4.71-1.88a3.7 3.7 0 0 0-1.62-2.05c-1.27-.86.1-.85.1-.85a2.94 2.94 0 0 1 2.14 1.45a3 3 0 0 0 4.08 1.16a2.93 2.93 0 0 1 .88-1.87c-3.1-.36-6.37-1.56-6.37-6.92a5.4 5.4 0 0 1 1.44-3.76a5 5 0 0 1 .14-3.7s1.17-.38 3.85 1.43a13.3 13.3 0 0 1 7 0c2.67-1.81 3.84-1.43 3.84-1.43a5 5 0 0 1 .14 3.7a5.4 5.4 0 0 1 1.44 3.76c0 5.38-3.27 6.56-6.39 6.91a3.33 3.33 0 0 1 .95 2.59v3.84c0 .46.25.81 1 .67A14 14 0 0 0 16 2"/></symbol><use href="#ai:carbon:logo-github"></use> </svg> GitHub </a> </div> </div>  <button id="mobile-menu-btn" class="lg:hidden p-2 text-gray-700 hover:text-gray-900"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div>  <div id="mobile-menu" class="lg:hidden hidden pb-4"> <div class="flex flex-col space-y-4"> <a href="/pricing" target="_blank" class="relative text-gray-700 hover:text-gray-900 hover:font-bold transition-colors duration-300 group"> Pricing <span class="relative -left-1 bottom-2"> 🔥 </span> </a> <a href="/#appstore" target="_blank" class="text-gray-700 hover:text-gray-900 hover:font-bold transition-colors duration-300">App Store</a> <a href="https://github.com/1Panel-dev/1Panel/discussions" target="_blank" class="text-gray-700 hover:text-gray-900 hover:font-bold transition-colors duration-300">Discussions</a> <a href="https://1panel.pro/docs" target="_blank" class="text-gray-700 hover:text-gray-900 hover:font-bold transition-colors duration-300">Docs</a> <div class="flex flex-col space-y-3 pt-4"> <a href="https://demo.1panel.pro/" target="_blank" class="btn-secondary text-sm text-center"> <svg width="1em" height="1em" viewBox="0 0 32 32" class="w-5 h-5 mr-3 text-gray-700" data-icon="carbon:demo"> <use href="#ai:carbon:demo"></use> </svg> Demo </a> <a href="https://github.com/1Panel-dev/1Panel" target="_blank" class="btn-primary text-sm text-center"> GitHub </a> </div> </div> </div> </nav> </header> <main data-astro-cid-j7pv25f6> <section id="home" class="relative min-h-screen flex items-center overflow-hidden bg-gray-50" data-astro-cid-bbe6dxrz>  <div class="absolute inset-0 overflow-hidden" data-astro-cid-bbe6dxrz> <div class="absolute top-20 left-10 w-20 h-20 rounded-full blur-2xl animate-float bg-1panel opacity-20" data-astro-cid-bbe6dxrz></div> <div class="absolute top-40 right-20 w-32 h-32 rounded-full blur-2xl animate-float bg-1panel opacity-30" style="animation-delay: -2s;" data-astro-cid-bbe6dxrz></div> <div class="absolute bottom-20 left-20 w-24 h-24 rounded-full blur-2xl animate-float bg-1panel opacity-40" style="animation-delay: -4s;" data-astro-cid-bbe6dxrz></div> <div class="absolute bottom-40 right-10 w-16 h-16 rounded-full blur-2xl animate-float bg-1panel opacity-60" style="animation-delay: -6s;" data-astro-cid-bbe6dxrz></div> </div>  <div class="relative z-10 container-custom py-20" data-astro-cid-bbe6dxrz> <div id="hero-content" class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 items-center min-h-[80vh]" data-astro-cid-bbe6dxrz>  <div id="hero-left" class="transition-all duration-1000" data-astro-cid-bbe6dxrz>   <h1 class="fade-in-up text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6" style="animation-delay: 0.2s;" data-astro-cid-bbe6dxrz> <span class="block text-gray-800 mb-2" data-astro-cid-bbe6dxrz>Use 1Panel:</span> <span class="block text-1panel-gradient mb-2 leading-tight" data-astro-cid-bbe6dxrz>Easy to manage</span> <span class="block text-1panel-gradient" data-astro-cid-bbe6dxrz> <span id="typewriter-text" class="typing-effect" data-astro-cid-bbe6dxrz>applications</span> </span> </h1>  <div class="fade-in-up flex flex-wrap gap-3 mb-6" style="animation-delay: 0.3s;" data-astro-cid-bbe6dxrz> <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800 border border-blue-200" data-astro-cid-bbe6dxrz> <svg class="w-4 h-4 mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-bbe6dxrz> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" data-astro-cid-bbe6dxrz></path> </svg> Powerful </span> <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800 border border-green-200" data-astro-cid-bbe6dxrz> <svg class="w-4 h-4 mr-1.5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-bbe6dxrz> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" data-astro-cid-bbe6dxrz></path> </svg> Open Source </span> </div>  <p class="fade-in-up text-lg md:text-xl text-gray-600 mb-8 leading-relaxed" style="animation-delay: 0.4s;" data-astro-cid-bbe6dxrz> 1Panel provides an intuitive web interface and MCP Server to manage websites, files, containers, databases, and LLMs on a Linux server. </p>  <div class="fade-in-up grid grid-cols-2 gap-6 mb-8" style="animation-delay: 0.6s;" data-astro-cid-bbe6dxrz> <div class="text-center lg:text-left" data-astro-cid-bbe6dxrz> <div class="text-3xl font-bold counter text-1panel" data-target="29767" id="stars-count" data-astro-cid-bbe6dxrz> 0 </div> <div class="text-gray-500 text-sm mt-1 flex items-center justify-center lg:justify-start" data-astro-cid-bbe6dxrz> <svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-bbe6dxrz> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" data-astro-cid-bbe6dxrz></path> </svg> GitHub Stars </div> </div> <div class="text-center lg:text-left" data-astro-cid-bbe6dxrz> <div class="text-3xl font-bold counter text-1panel" data-target="1567210" id="download-count" data-astro-cid-bbe6dxrz> 1567210 </div> <div class="text-gray-500 text-sm mt-1 flex items-center justify-center lg:justify-start" data-astro-cid-bbe6dxrz> <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-bbe6dxrz> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" data-astro-cid-bbe6dxrz></path> </svg> Total Downloads </div> </div> </div>  <div class="fade-in-up" style="animation-delay: 0.8s;" data-astro-cid-bbe6dxrz>  <div class="flex flex-col sm:flex-row gap-4" data-astro-cid-bbe6dxrz> <a href="https://demo.1panel.pro/" target="_blank" class="btn-primary text-lg px-8 py-4 group inline-flex items-center justify-center" data-astro-cid-bbe6dxrz> Demo <svg width="1em" height="1em" class="w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform duration-300" data-astro-cid-bbe6dxrz data-icon="carbon:link"> <symbol id="ai:carbon:link" viewBox="0 0 32 32"><path fill="currentColor" d="M29.25 6.76a6 6 0 0 0-8.5 0l1.42 1.42a4 4 0 1 1 5.67 5.67l-8 8a4 4 0 1 1-5.67-5.66l1.41-1.42l-1.41-1.42l-1.42 1.42a6 6 0 0 0 0 8.5A6 6 0 0 0 17 25a6 6 0 0 0 4.27-1.76l8-8a6 6 0 0 0-.02-8.48"/><path fill="currentColor" d="M4.19 24.82a4 4 0 0 1 0-5.67l8-8a4 4 0 0 1 5.67 0A3.94 3.94 0 0 1 19 14a4 4 0 0 1-1.17 2.85L15.71 19l1.42 1.42l2.12-2.12a6 6 0 0 0-8.51-8.51l-8 8a6 6 0 0 0 0 8.51A6 6 0 0 0 7 28a6.07 6.07 0 0 0 4.28-1.76l-1.42-1.42a4 4 0 0 1-5.67 0"/></symbol><use href="#ai:carbon:link"></use> </svg> </a> <a href="#quickstart" target="_blank" class="btn-secondary text-lg px-8 py-4 group inline-flex items-center justify-center" data-astro-cid-bbe6dxrz> Install Now <svg width="1em" height="1em" class="w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform duration-300" data-astro-cid-bbe6dxrz data-icon="carbon:download"> <symbol id="ai:carbon:download" viewBox="0 0 32 32"><path fill="currentColor" d="M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10z"/></symbol><use href="#ai:carbon:download"></use> </svg> </a> </div> </div> </div>  <div id="hero-right" class="transition-all duration-1000" data-astro-cid-bbe6dxrz> <div class="fade-in-right relative hero-dashboard-preview" style="animation-delay: 0.5s;" data-astro-cid-bbe6dxrz>  <div class="relative" data-astro-cid-bbe6dxrz> <div class="relative bg-white rounded-lg border border-gray-200 overflow-hidden shadow-2xl" data-astro-cid-bbe6dxrz> <div class="relative" data-astro-cid-bbe6dxrz> <div class="relative z-10" data-astro-cid-bbe6dxrz> <a href="https://youtu.be/9d_uulrlg6M?si=rbG7i8-QrMmTW2SR" target="_blank" rel="noopener noreferrer" class="relative w-full" style="outline: none;" aria-label="Play Video" data-astro-cid-bbe6dxrz> <img src="./images/overview-full.png" alt="1Panel Modern Interface" class="w-full h-auto rounded-lg shadow-2xl border border-gray-200" data-astro-cid-bbe6dxrz> <span class="absolute inset-0 flex items-center justify-center pointer-events-none" style="z-index: 2;" data-astro-cid-bbe6dxrz> <svg width="1em" height="1em" class="w-20 h-20 md:w-24 md:h-24 text-gray-300 animate-pulse" data-astro-cid-bbe6dxrz data-icon="carbon:play-outline-filled"> <symbol id="ai:carbon:play-outline-filled" viewBox="0 0 32 32"><path fill="none" d="M11 23a1 1 0 0 1-1-1V10a1 1 0 0 1 1.447-.894l12 6a1 1 0 0 1 0 1.788l-12 6A1 1 0 0 1 11 23m1-11.382v8.764L20.764 16Z"/><path fill="currentColor" d="M12 20.382L20.764 16L12 11.618z"/><path fill="currentColor" d="M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m7.447 14.895l-12 6A1 1 0 0 1 10 22V10a1 1 0 0 1 1.447-.894l12 6a1 1 0 0 1 0 1.788"/></symbol><use href="#ai:carbon:play-outline-filled"></use> </svg> </span> </a> </div> <div class="absolute inset-0 bg-gradient-to-tr from-blue-100 to-transparent rounded-lg -rotate-6 scale-105 opacity-30" data-astro-cid-bbe6dxrz></div> </div> </div> </div> </div> </div> </div> </div>  <div class="absolute bottom-8 left-1/2 transform -translate-x-1/2 text-center flex flex-col items-center" data-astro-cid-bbe6dxrz> <div class="text-gray-500 text-sm mb-2" data-astro-cid-bbe6dxrz>Scroll Down</div> <div class="w-6 h-10 border-2 border-gray-400 rounded-full flex justify-center" data-astro-cid-bbe6dxrz> <div class="w-1 h-3 rounded-full mt-2 animate-bounce bg-1panel" data-astro-cid-bbe6dxrz></div> </div> </div> </section> <section id="features" class="section-padding bg-gradient-to-br from-gray-50 to-white" data-astro-cid-vnivfuh2> <div class="container-custom" data-astro-cid-vnivfuh2>  <div class="text-center mb-20" data-astro-cid-vnivfuh2> <h2 class="fade-in-up text-4xl lg:text-5xl font-bold text-gray-800 mb-6" data-astro-cid-vnivfuh2> Powerful <span class="text-1panel-gradient" data-astro-cid-vnivfuh2>Features</span> </h2> <p class="fade-in-up text-xl text-gray-600 max-w-3xl mx-auto" style="animation-delay: 0.2s;" data-astro-cid-vnivfuh2> Comprehensive Linux server management features,<br data-astro-cid-vnivfuh2>making operations simple and efficient </p> </div>  <div class="mb-32" data-astro-cid-vnivfuh2> <div class="grid grid-cols-1 lg:grid-cols-5 gap-12 items-center" data-astro-cid-vnivfuh2>  <div class="fade-in-left order-2 lg:order-1 lg:col-span-2" data-astro-cid-vnivfuh2> <div class="flex items-center mb-6" data-astro-cid-vnivfuh2> <h3 class="text-3xl font-bold text-gray-800" data-astro-cid-vnivfuh2>Efficient Management</h3> </div> <p class="text-lg text-gray-600 mb-8 leading-relaxed" data-astro-cid-vnivfuh2> Through a user-friendly web graphical interface, 1Panel enables users to effortlessly manage their Linux servers. Key features include host monitoring, file management, database administration, container management, LLMs management. </p> <div class="grid grid-cols-1 gap-4" data-astro-cid-vnivfuh2> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer active" data-feature="monitoring" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="mdi:chart-multiline"> <symbol id="ai:mdi:chart-multiline" viewBox="0 0 24 24"><path fill="currentColor" d="M22 6.92L20.59 5.5l-2.85 3.22C15.68 6.4 12.83 5 9.61 5C6.72 5 4.07 6.16 2 8l1.42 1.42C5.12 7.93 7.27 7 9.61 7c2.74 0 5.09 1.26 6.77 3.24L13.5 13.5l-4-4L2 17l1.5 1.5l6-6l4 4l4.05-4.57c.75 1.35 1.25 2.9 1.45 4.57h2c-.22-2.32-.95-4.41-2.04-6.16z"/></symbol><use href="#ai:mdi:chart-multiline"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Real-time System Monitoring</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="files" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="carbon:volume-file-storage"> <symbol id="ai:carbon:volume-file-storage" viewBox="0 0 32 32"><path fill="currentColor" d="m25.707 17.293l-5-5A1 1 0 0 0 20 12h-6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V18a1 1 0 0 0-.293-.707M23.586 18H20v-3.586ZM14 28V14h4v4a2 2 0 0 0 2 2h4v8Z"/><path fill="currentColor" d="M8 27H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.586A2 2 0 0 1 13 3.586L16.414 7H28a2 2 0 0 1 2 2v8h-2V9H15.586l-4-4H4v20h4Z"/></symbol><use href="#ai:carbon:volume-file-storage"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Web File Manager</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="database" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="carbon:db2-database"> <symbol id="ai:carbon:db2-database" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3C10.702 3 5 4.252 5 7v18c0 2.748 5.702 4 11 4s11-1.252 11-4V7c0-2.748-5.702-4-11-4m0 2c5.798 0 8.795 1.434 8.997 2c-.202.566-3.2 2-8.997 2c-5.841 0-8.84-1.456-9-1.982v-.005C7.16 6.456 10.159 5 16 5M7 9.428C9.128 10.495 12.643 11 16 11s6.872-.505 9-1.572v3.56c-.16.556-3.159 2.012-9 2.012c-5.85 0-8.85-1.46-9-2zm0 6C9.128 16.495 12.643 17 16 17s6.872-.505 9-1.572v3.56c-.16.556-3.159 2.012-9 2.012c-5.85 0-8.85-1.46-9-2zM16 27c-5.85 0-8.85-1.46-9-2v-3.572C9.128 22.495 12.643 23 16 23s6.872-.505 9-1.572v3.56c-.16.556-3.159 2.012-9 2.012"/></symbol><use href="#ai:carbon:db2-database"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Database Visual Management</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="containers" data-astro-cid-vnivfuh2>  <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="mdi:docker"> <symbol id="ai:mdi:docker" viewBox="0 0 24 24"><path fill="currentColor" d="M21.81 10.25c-.06-.04-.56-.43-1.64-.43c-.28 0-.56.03-.84.08c-.21-1.4-1.38-2.11-1.43-2.14l-.29-.17l-.18.27c-.24.36-.43.77-.51 1.19c-.2.8-.08 1.56.33 2.21c-.49.28-1.29.35-1.46.35H2.62c-.34 0-.62.28-.62.63c0 1.15.18 2.3.58 3.38c.45 1.19 1.13 2.07 2 2.61c.98.6 2.59.94 4.42.94c.79 0 1.61-.07 2.42-.22c1.12-.2 2.2-.59 3.19-1.16A8.3 8.3 0 0 0 16.78 16c1.05-1.17 1.67-2.5 2.12-3.65h.19c1.14 0 1.85-.46 2.24-.85c.26-.24.45-.53.59-.87l.08-.24zm-17.96.99h1.76c.08 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H3.85c-.09 0-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.43 0h1.76c.08 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H6.28c-.09 0-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.47 0h1.75c.1 0 .17-.07.17-.16V9.5c0-.08-.06-.16-.17-.16H8.75c-.08 0-.15.07-.15.16v1.58c0 .09.06.16.15.16m2.44 0h1.77c.08 0 .15-.07.15-.16V9.5c0-.08-.06-.16-.15-.16h-1.77c-.08 0-.15.07-.15.16v1.58c0 .09.07.16.15.16M6.28 9h1.76c.08 0 .16-.09.16-.18V7.25c0-.09-.07-.16-.16-.16H6.28c-.09 0-.16.06-.16.16v1.57c.01.09.07.18.16.18m2.47 0h1.75c.1 0 .17-.09.17-.18V7.25c0-.09-.06-.16-.17-.16H8.75c-.08 0-.15.06-.15.16v1.57c0 .09.06.18.15.18m2.44 0h1.77c.08 0 .15-.09.15-.18V7.25c0-.09-.07-.16-.15-.16h-1.77c-.08 0-.15.06-.15.16v1.57c0 .09.07.18.15.18m0-2.28h1.77c.08 0 .15-.07.15-.16V5c0-.1-.07-.17-.15-.17h-1.77c-.08 0-.15.06-.15.17v1.56c0 .08.07.16.15.16m2.46 4.52h1.76c.09 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16h-1.76c-.08 0-.15.07-.15.16v1.58c0 .09.07.16.15.16"/></symbol><use href="#ai:mdi:docker"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Docker Management</span> </div> </div> </div>  <div class="fade-in-right order-1 lg:order-2 lg:col-span-3" data-astro-cid-vnivfuh2> <div class="relative group" data-astro-cid-vnivfuh2> <div class="relative bg-white rounded-lg shadow-2xl overflow-hidden transform group-hover:scale-105 transition-transform duration-700" data-astro-cid-vnivfuh2>  <div class="carousel-container relative overflow-hidden" style="min-height: 400px;" data-astro-cid-vnivfuh2>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500" data-feature="monitoring" data-astro-cid-vnivfuh2> <img src="./images/f1.png" alt="1Panel 系统监控界面" class="w-full h-full" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="files" data-astro-cid-vnivfuh2> <img src="./images/f2.png" alt="1Panel 文件管理界面" class="w-full h-full" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="database" data-astro-cid-vnivfuh2> <img src="./images/f3.png" alt="1Panel 数据库管理界面" class="w-full h-full" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="containers" data-astro-cid-vnivfuh2> <img src="./images/f4.png" alt="1Panel 容器管理界面" class="w-full h-full" loading="lazy" data-astro-cid-vnivfuh2> </div> </div> <div class="absolute inset-0 bg-gradient-to-t from-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700" data-astro-cid-vnivfuh2></div> </div> </div> </div> </div> </div>  <div class="mb-32" data-astro-cid-vnivfuh2> <div class="grid grid-cols-1 lg:grid-cols-5 gap-12 items-center" data-astro-cid-vnivfuh2>  <div class="fade-in-left order-2 lg:order-1 lg:col-span-3" data-astro-cid-vnivfuh2> <div class="relative group" data-astro-cid-vnivfuh2> <div class="relative bg-white rounded-lg shadow-2xl overflow-hidden transform group-hover:scale-105 transition-transform duration-700" data-astro-cid-vnivfuh2>  <div class="carousel-container relative overflow-hidden" style="min-height: 400px;" data-astro-cid-vnivfuh2>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500" data-feature="wordpress" data-astro-cid-vnivfuh2> <img src="./images/f5.png" alt="1Panel WordPress部署界面" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="ssl" data-astro-cid-vnivfuh2> <img src="./images/f6.png" alt="1Panel SSL证书管理界面" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="domain" data-astro-cid-vnivfuh2> <img src="./images/f7.png" alt="1Panel 网站管理界面" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="multisite" data-astro-cid-vnivfuh2> <img src="./images/f8.png" alt="1Panel 多站点管理界面" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div> </div> <div class="absolute inset-0 bg-gradient-to-t from-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700" data-astro-cid-vnivfuh2></div> </div> </div> </div>  <div class="fade-in-right order-1 lg:order-2 lg:col-span-2" data-astro-cid-vnivfuh2> <div class="flex items-center mb-6" data-astro-cid-vnivfuh2> <h3 class="text-3xl font-bold text-gray-800" data-astro-cid-vnivfuh2>Rapid Website Deployment</h3> </div> <p class="text-lg text-gray-600 mb-8 leading-relaxed" data-astro-cid-vnivfuh2> With deep integration of the popular open-source website building software WordPress, 1Panel streamlines the process of domain binding and SSL certificate configuration, all achievable with just one click. </p> <div class="grid grid-cols-1 gap-4" data-astro-cid-vnivfuh2> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer active" data-feature="wordpress" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="mdi:wordpress"> <symbol id="ai:mdi:wordpress" viewBox="0 0 24 24"><path fill="currentColor" d="M3.42 12c0-1.24.27-2.42.74-3.5l4.1 11.22A8.56 8.56 0 0 1 3.42 12m14.37-.43c0 .73-.29 1.58-.65 2.77l-.86 2.86l-3.1-9.2l.98-.1c.47-.06.41-.74-.05-.71c0 0-1.39.11-2.29.11l-2.26-.11c-.46-.03-.51.68-.06.71l.91.1l1.34 3.64l-1.88 5.63L6.74 8l.99-.1c.46-.06.4-.74-.06-.71c0 0-1.39.11-2.29.11l-.55-.01C6.37 4.96 9 3.42 12 3.42c2.23 0 4.27.86 5.79 2.25h-.11c-.84 0-1.44.73-1.44 1.52c0 .71.41 1.31.84 2.01c.33.57.71 1.3.71 2.37m-5.64 1.18l2.64 7.22l.06.12c-.89.32-1.85.49-2.85.49c-.84 0-1.65-.12-2.42-.35zm7.38-4.87A8.55 8.55 0 0 1 20.58 12c0 3.16-1.72 5.93-4.27 7.41l2.62-7.57c.49-1.22.66-2.2.66-3.07zM12 2a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2m0 19.54c5.26 0 9.54-4.28 9.54-9.54S17.26 2.46 12 2.46S2.46 6.74 2.46 12s4.28 9.54 9.54 9.54"/></symbol><use href="#ai:mdi:wordpress"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>One-click WordPress Deployment</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="ssl" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="carbon:security"> <symbol id="ai:carbon:security" viewBox="0 0 32 32"><path fill="currentColor" d="M14 16.59L11.41 14L10 15.41l4 4l8-8L20.59 10z"/><path fill="currentColor" d="m16 30l-6.176-3.293A10.98 10.98 0 0 1 4 17V4a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v13a10.98 10.98 0 0 1-5.824 9.707ZM6 4v13a8.99 8.99 0 0 0 4.766 7.942L16 27.733l5.234-2.79A8.99 8.99 0 0 0 26 17V4Z"/></symbol><use href="#ai:carbon:security"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Automatic SSL Certificate Application</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="domain" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="carbon:dns-services"> <symbol id="ai:carbon:dns-services" viewBox="0 0 32 32"><path fill="currentColor" d="M20 20h10v2H20zm0 4h6v2h-6z"/><path fill="currentColor" d="M30 17v-1a13.987 13.987 0 1 0-10.77 13.625l-.46-1.946A12 12 0 0 1 16 28c-.19 0-.375-.019-.563-.027A20.3 20.3 0 0 1 12.026 17Zm-2.041-2h-5.984a24.3 24.3 0 0 0-2.774-10.559A12.02 12.02 0 0 1 27.96 15M16.563 4.027A20.3 20.3 0 0 1 19.974 15h-7.948a20.3 20.3 0 0 1 3.411-10.973C15.625 4.02 15.81 4 16 4s.375.019.563.027m-3.764.414A24.3 24.3 0 0 0 10.025 15H4.042a12.02 12.02 0 0 1 8.757-10.559m0 23.118A12.02 12.02 0 0 1 4.042 17h5.983a24.3 24.3 0 0 0 2.774 10.559"/></symbol><use href="#ai:carbon:dns-services"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Domain Management and Configuration</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="multisite" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="carbon:web-services-service"> <symbol id="ai:carbon:web-services-service" viewBox="0 0 32 32"><path fill="currentColor" d="M23 18h-2v-7h-7V9h8a1 1 0 0 1 1 1z"/><path fill="currentColor" d="M18 23h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1m-7-2h6v-6h-6z"/><path fill="currentColor" d="M16 1a1 1 0 0 0-.504.136l-12 7A1 1 0 0 0 3 9v14a1 1 0 0 0 .496.864l12 7a1 1 0 0 0 1.008 0l11-6.417l-1.008-1.727L16 28.842L5 22.426V9.575l11-6.417l11 6.416V17h2V9a1 1 0 0 0-.496-.864l-12-7A1 1 0 0 0 16 1"/></symbol><use href="#ai:carbon:web-services-service"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Multi-site Management</span> </div> </div> </div> </div> </div>  <div class="mb-32" data-astro-cid-vnivfuh2> <div class="grid grid-cols-1 lg:grid-cols-5 gap-12 items-center" data-astro-cid-vnivfuh2>  <div class="fade-in-left order-2 lg:order-1 lg:col-span-2" data-astro-cid-vnivfuh2> <div class="flex items-center mb-6" data-astro-cid-vnivfuh2> <h3 class="text-3xl font-bold text-gray-800" data-astro-cid-vnivfuh2>App Store</h3> </div> <p class="text-lg text-gray-600 mb-8 leading-relaxed" data-astro-cid-vnivfuh2> 1Panel curates a wide range of high-quality open-source tools and applications, facilitating easy installation and updates for its users. </p> <div class="grid grid-cols-1 gap-4" data-astro-cid-vnivfuh2> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer active" data-feature="store" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="carbon:application"> <symbol id="ai:carbon:application" viewBox="0 0 32 32"><path fill="currentColor" d="M16 18H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2M6 6v10h10V6zm20 6v4h-4v-4zm0-2h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2m0 12v4h-4v-4zm0-2h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2m-10 2v4h-4v-4zm0-2h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2"/></symbol><use href="#ai:carbon:application"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Curated Open-source Applications</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="install" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="carbon:deploy"> <symbol id="ai:carbon:deploy" viewBox="0 0 32 32"><path fill="currentColor" d="m23 2l-6 6l1.415 1.402L22 5.818V28H6V12H4v16a2.003 2.003 0 0 0 2 2h16a2.003 2.003 0 0 0 2-2V5.815l3.586 3.587L29 8Z"/><path fill="currentColor" d="M16 24h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2m-4-6v4h4v-4Z"/></symbol><use href="#ai:carbon:deploy"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>One-click Installation and Deployment</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="updates" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="carbon:update-now"> <symbol id="ai:carbon:update-now" viewBox="0 0 32 32"><path fill="currentColor" d="m27 25.586l-2-2V21h-2v3.414L25.586 27z"/><path fill="currentColor" d="M24 31a7 7 0 1 1 7-7a7.01 7.01 0 0 1-7 7m0-12a5 5 0 1 0 5 5a5.006 5.006 0 0 0-5-5m-8 9A12.013 12.013 0 0 1 4 16H2a14.016 14.016 0 0 0 14 14zM12 8H7.078A11.984 11.984 0 0 1 28 16h2A13.978 13.978 0 0 0 6 6.234V2H4v8h8z"/></symbol><use href="#ai:carbon:update-now"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Automatic Update Management</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="management" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="carbon:data-backup"> <symbol id="ai:carbon:data-backup" viewBox="0 0 32 32"><circle cx="7" cy="7" r="1" fill="currentColor"/><circle cx="7" cy="15" r="1" fill="currentColor"/><circle cx="7" cy="23" r="1" fill="currentColor"/><path fill="currentColor" d="M12 26H4v-6h8v-2H4v-6h18V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h8ZM4 4h16v6H4Z"/><path fill="currentColor" d="M28 17v2.413A6.996 6.996 0 1 0 22 30v-2a5 5 0 1 1 4.576-7H24v2h6v-6Z"/></symbol><use href="#ai:carbon:data-backup"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Data Backup and Recovery</span> </div> </div> </div>  <div class="fade-in-right order-1 lg:order-2 lg:col-span-3" data-astro-cid-vnivfuh2> <div class="relative group" data-astro-cid-vnivfuh2> <div class="relative bg-white rounded-lg shadow-2xl overflow-hidden transform group-hover:scale-105 transition-transform duration-700" data-astro-cid-vnivfuh2>  <div class="carousel-container relative overflow-hidden" style="min-height: 400px;" data-astro-cid-vnivfuh2>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500" data-feature="store" data-astro-cid-vnivfuh2> <img src="./images/f9.png" alt="1Panel 应用商店界面" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="install" data-astro-cid-vnivfuh2> <img src="./images/f10.png" alt="1Panel 应用安装界面" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="updates" data-astro-cid-vnivfuh2> <img src="./images/f11.png" alt="1Panel 应用更新界面" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="management" data-astro-cid-vnivfuh2> <img src="./images/f12.png" alt="1Panel 应用管理界面" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div> </div> <div class="absolute inset-0 bg-gradient-to-t from-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700" data-astro-cid-vnivfuh2></div> </div> </div> </div> </div> </div>  <div class="mb-32" data-astro-cid-vnivfuh2> <div class="grid grid-cols-1 lg:grid-cols-5 gap-12 items-center" data-astro-cid-vnivfuh2>  <div class="fade-in-left order-1 lg:order-1 lg:col-span-3" data-astro-cid-vnivfuh2> <div class="relative group" data-astro-cid-vnivfuh2> <div class="relative bg-white rounded-lg shadow-2xl overflow-hidden transform group-hover:scale-105 transition-transform duration-700" data-astro-cid-vnivfuh2>  <div class="carousel-container relative overflow-hidden" style="min-height: 400px;" data-astro-cid-vnivfuh2>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500" data-feature="ai-chat" data-astro-cid-vnivfuh2> <img src="./images/f13.png" alt="1Panel LLM Management" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="ai-diagnosis" data-astro-cid-vnivfuh2> <img src="./images/f14.png" alt="1Panel MCP Server Management" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div>  <div class="carousel-slide absolute inset-0 transition-opacity duration-500 opacity-0" data-feature="ai-optimization" data-astro-cid-vnivfuh2> <img src="./images/f15.png" alt="1Panel GPU Monitoring" class="w-full h-full object-fill" loading="lazy" data-astro-cid-vnivfuh2> </div> </div> <div class="absolute inset-0 bg-gradient-to-t from-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700" data-astro-cid-vnivfuh2></div> </div> </div> </div>  <div class="fade-in-right order-2 lg:order-2 lg:col-span-2" data-astro-cid-vnivfuh2> <div class="flex items-center mb-6" data-astro-cid-vnivfuh2> <h3 class="text-3xl font-bold text-gray-800" data-astro-cid-vnivfuh2>AI-Powered Management</h3> </div> <p class="text-lg text-gray-600 mb-8 leading-relaxed" data-astro-cid-vnivfuh2> Integrate large language models to provide an intelligent server management experience. Through AI assistants, quickly diagnose problems, optimize configurations, and provide operational suggestions, making management more intelligent and efficient. </p> <div class="grid grid-cols-1 gap-4" data-astro-cid-vnivfuh2> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer active" data-feature="ai-chat" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="carbon:ai"> <symbol id="ai:carbon:ai" viewBox="0 0 32 32"><path fill="currentColor" d="M17 11h3v10h-3v2h8v-2h-3V11h3V9h-8zm-4-2H9c-1.103 0-2 .897-2 2v12h2v-5h4v5h2V11c0-1.103-.897-2-2-2m-4 7v-5h4v5z"/></symbol><use href="#ai:carbon:ai"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>Local LLM Management</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="ai-diagnosis" data-astro-cid-vnivfuh2> <svg width="0.95em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="codicon:mcp"> <symbol id="ai:codicon:mcp" viewBox="0 0 16 17"><path fill="currentColor" fill-rule="evenodd" d="m14.557 8.468l-.055.054l-5.804 5.691a.183.183 0 0 0-.003.259l.003.003l1.192 1.17a.55.55 0 0 1 .011.776l-.01.01a.575.575 0 0 1-.803 0l-1.192-1.168a1.28 1.28 0 0 1 0-1.836l5.805-5.692a1.647 1.647 0 0 0 .031-2.328l-.031-.032l-.034-.032a1.725 1.725 0 0 0-2.405-.002l-4.781 4.69h-.002l-.065.065a.575.575 0 0 1-.803 0a.55.55 0 0 1-.01-.776l.01-.01l4.849-4.756c.65-.636.663-1.678.027-2.329l-.029-.03a1.725 1.725 0 0 0-2.407 0L1.635 8.489a.575.575 0 0 1-.802 0a.55.55 0 0 1-.011-.776l.011-.01L7.25 1.407a2.875 2.875 0 0 1 4.01 0c.63.613.929 1.49.803 2.36c.88-.125 1.77.166 2.406.787l.034.033a2.743 2.743 0 0 1 .053 3.88m-1.691-1.553a.55.55 0 0 0 .01-.776l-.01-.01a.575.575 0 0 0-.803 0l-4.746 4.654a1.725 1.725 0 0 1-2.407 0a1.647 1.647 0 0 1 0-2.36l4.747-4.655a.55.55 0 0 0 .011-.776l-.011-.01a.575.575 0 0 0-.803 0L4.108 7.635a2.743 2.743 0 0 0 0 3.933a2.876 2.876 0 0 0 4.011 0z" clip-rule="evenodd"/></symbol><use href="#ai:codicon:mcp"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>MCP Server Management</span> </div> <div class="feature-item flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-1panel transition-all duration-300 cursor-pointer" data-feature="ai-optimization" data-astro-cid-vnivfuh2> <svg width="1em" height="1em" class="w-5 h-5 mr-3 text-1panel" data-astro-cid-vnivfuh2 data-icon="mdi:gpu"> <symbol id="ai:mdi:gpu" viewBox="0 0 24 24"><path fill="currentColor" d="M2 7v1.5h1V17h1.5V7zm4 0v9h1v1h7v-1h8V7zm11.5 2a2.5 2.5 0 0 1 2.5 2.5a2.5 2.5 0 0 1-2.5 2.5a2.5 2.5 0 0 1-2.5-2.5A2.5 2.5 0 0 1 17.5 9"/></symbol><use href="#ai:mdi:gpu"></use> </svg> <span class="text-gray-700 font-medium" data-astro-cid-vnivfuh2>GPU Monitoring</span> </div> </div> </div> </div> </div>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8" data-astro-cid-vnivfuh2>  <div class="fade-in-up card group hover:scale-105 transition-transform duration-300" style="animation-delay: 0.8s;" data-astro-cid-vnivfuh2> <div class="flex items-start space-x-4" data-astro-cid-vnivfuh2> <div class="w-16 h-16 rounded-xl flex items-center justify-center bg-1panel-gradient group-hover:scale-110 transition-transform duration-300 flex-shrink-0" data-astro-cid-vnivfuh2> <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-vnivfuh2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" data-astro-cid-vnivfuh2></path> </svg> </div> <div class="flex-1" data-astro-cid-vnivfuh2> <h3 class="text-xl font-bold text-gray-800 mb-2" data-astro-cid-vnivfuh2>One-click Backup</h3> <p class="text-gray-600 leading-relaxed" data-astro-cid-vnivfuh2>Support data backup to various cloud storage media, and support recovery function, ensuring data is never lost.</p> </div> </div> </div> <div class="fade-in-up card group hover:scale-105 transition-transform duration-300" style="animation-delay: 1s;" data-astro-cid-vnivfuh2> <div class="flex items-start space-x-4" data-astro-cid-vnivfuh2> <div class="w-16 h-16 rounded-xl flex items-center justify-center bg-1panel-gradient group-hover:scale-110 transition-transform duration-300 flex-shrink-0" data-astro-cid-vnivfuh2> <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-vnivfuh2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" data-astro-cid-vnivfuh2></path> </svg> </div> <div class="flex-1" data-astro-cid-vnivfuh2> <h3 class="text-xl font-bold text-gray-800 mb-2" data-astro-cid-vnivfuh2>Secure and Reliable</h3> <p class="text-gray-600 leading-relaxed" data-astro-cid-vnivfuh2>1Panel effectively reduces vulnerability exposure, provides virus protection, firewall, and log audit functions, ensuring system security.</p> </div> </div> </div> </div> </div> </section> <section id="appstore" class="section-padding bg-gray-50" data-astro-cid-fdq7cenr> <div class="container-custom" data-astro-cid-fdq7cenr>  <div class="text-center mb-16" data-astro-cid-fdq7cenr> <h2 class="fade-in-up text-4xl lg:text-5xl font-bold text-gray-800 mb-6" data-astro-cid-fdq7cenr> Rich <span class="text-1panel-gradient" data-astro-cid-fdq7cenr>App Store</span> </h2> <p class="fade-in-up text-xl text-gray-600 max-w-3xl mx-auto mb-8" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> Curated high-quality open source applications with one-click installation and deployment to meet diverse business needs </p>  <div class="fade-in-up flex flex-wrap justify-center gap-2 mb-8" style="animation-delay: 0.4s;" data-astro-cid-fdq7cenr> <button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 active" data-category="all" data-astro-cid-fdq7cenr> All Apps <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(135)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Tool" data-astro-cid-fdq7cenr> Tools <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(42)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Database" data-astro-cid-fdq7cenr> Database <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(15)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="DevOps" data-astro-cid-fdq7cenr> DevOps <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(12)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="DevTool" data-astro-cid-fdq7cenr> DevTool <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(12)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Security" data-astro-cid-fdq7cenr> Security <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(8)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Website" data-astro-cid-fdq7cenr> Website <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(8)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Runtime" data-astro-cid-fdq7cenr> Runtime <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(8)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Middleware" data-astro-cid-fdq7cenr> Middleware <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(7)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="AI" data-astro-cid-fdq7cenr> AI <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(7)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Media" data-astro-cid-fdq7cenr> Media <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(6)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Email" data-astro-cid-fdq7cenr> Email <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(4)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Server" data-astro-cid-fdq7cenr> Server <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(3)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Storage" data-astro-cid-fdq7cenr> Storage <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(2)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="Game" data-astro-cid-fdq7cenr> Game <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(2)</span> </button><button class="category-tab px-6 py-3 rounded-xl font-medium transition-all duration-300 " data-category="BI" data-astro-cid-fdq7cenr> BI <span class="ml-2 text-xs opacity-75" data-astro-cid-fdq7cenr>(1)</span> </button> </div> </div>  <div id="apps-container" data-astro-cid-fdq7cenr> <div class="category-content active" data-category="all" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/openresty/logo.png" alt="OpenResty" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>OpenResty</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Web Platform Based on NGINX and LuaJIT </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Server </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/mysql/logo.png" alt="MySQL" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>MySQL</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Open Source Relational Database </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/redis/logo.png" alt="Redis" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Redis</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> High-performance open-source key-value database </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/maxkb/logo.png" alt="MaxKB" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>MaxKB</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> An open-source platform for building enterprise-grade agents </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> AI </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/wordpress/logo.png" alt="WordPress" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>WordPress</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Open source blogging software and content management system </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Website </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/phpmyadmin/logo.png" alt="phpMyAdmin" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>phpMyAdmin</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A web interface for MySQL and MariaDB </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevTool </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.30000000000000004s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/jumpserver/logo.png" alt="JumpServer" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>JumpServer</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> The world's first open-source Bastion Host </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Security </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.35000000000000003s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/gitea/logo.png" alt="Gitea" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Gitea</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> The next generation of code hosting platform </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevOps </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.4s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/alist/logo.png" alt="AList" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>AList</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Supporting multi-storage file listing program and private cloud storage </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Storage </span><span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> All Apps • 135 apps total </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Tool" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/alist/logo.png" alt="AList" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>AList</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Supporting multi-storage file listing program and private cloud storage </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Storage </span><span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/sftpgo/logo.png" alt="SFTPGo" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>SFTPGo</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Fully featured and highly configurable SFTP server </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/affine/logo.png" alt="AFFiNE" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>AFFiNE</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A workspace with fully merged docs, whiteboards and databases </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/beszel/logo.png" alt="Beszel" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Beszel</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Simple, lightweight server monitoring </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/bitwarden/logo.png" alt="Bitwarden" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Bitwarden</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Open source password management service </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/changedetectionio/logo.png" alt="Changedetection.io" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Changedetection.io</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> free open source website change detection, website watcher, restock monitor and notification service </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.30000000000000004s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/cloudflared/logo.png" alt="cloudflared" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>cloudflared</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Cloudflare Tunnel client </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.35000000000000003s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/dockge/logo.png" alt="Dockge" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Dockge</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Self-hosted - Docker compose.yaml - Stack-oriented Manager </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.4s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/drawio/logo.png" alt="Draw.io" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Draw.io</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> JavaScript, client-side editor for general diagramming </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Tools • 42 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Database" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/mysql/logo.png" alt="MySQL" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>MySQL</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Open Source Relational Database </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/redis/logo.png" alt="Redis" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Redis</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> High-performance open-source key-value database </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/clickhouse/logo.png" alt="ClickHouse" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>ClickHouse</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> a free analytics DBMS for big data </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/elasticsearch/logo.png" alt="Elasticsearch" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Elasticsearch</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Free and Open, Distributed, RESTful Search Engine </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/influxdb/logo.png" alt="InfluxDB" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>InfluxDB</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Scalable datastore for metrics, events, and real-time analytics </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/mariadb/logo.png" alt="MariaDB" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>MariaDB</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> The open source relational database </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.30000000000000004s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/memcached/logo.png" alt="Memcached" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Memcached</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A distributed caching system </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.35000000000000003s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/mongodb/logo.png" alt="MongoDB" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>MongoDB</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Fractional file storage database </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.4s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/mssql/logo.png" alt="Microsoft SQL Server" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Microsoft SQL Server</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Official Microsoft repository for SQL Server in Docker resources </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Database </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Database • 15 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="DevOps" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/gitea/logo.png" alt="Gitea" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Gitea</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> The next generation of code hosting platform </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevOps </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/act_runner/logo.png" alt="Act Runner" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Act Runner</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A runner for Gitea based on Gitea fork of act </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevOps </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/bytebase/logo.png" alt="Bytebase" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Bytebase</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Open-Source Database DevOps Solution </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevOps </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/docker-registry/logo.png" alt="Docker Registry" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Docker Registry</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A storage and distribution system for named Docker images </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevOps </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/focalboard/logo.png" alt="Focalboard" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Focalboard</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> An open source, self-hosted alternative to Trello, Notion, and Asana </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevOps </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/jenkins/logo.png" alt="Jenkins" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Jenkins</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Build great things at any scale </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevOps </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.30000000000000004s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/nexus/logo.png" alt="Nexus Repository" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Nexus Repository</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> An open source repository for build artifacts </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevOps </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.35000000000000003s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/onedev/logo.png" alt="OneDev" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>OneDev</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Git Server with CI/CD, Kanban, and Packages </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevOps </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.4s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/opengist/logo.png" alt="Opengist" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Opengist</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Opengist is a self-hosted Pastebin powered by Git. </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevOps </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> DevOps • 12 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="DevTool" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/phpmyadmin/logo.png" alt="phpMyAdmin" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>phpMyAdmin</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A web interface for MySQL and MariaDB </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevTool </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/adminer/logo.png" alt="Adminer" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Adminer</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Lightweight PHP Database Management Tool </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevTool </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/cloudbeaver/logo.png" alt="CloudBeaver" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>CloudBeaver</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Cloud Database Manager </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevTool </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/code-server/logo.png" alt="code-server" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>code-server</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> VS Code in the browser </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevTool </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/gotify/logo.png" alt="Gotify" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Gotify</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A simple server for sending and receiving messages </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevTool </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/it-tools/logo.png" alt="IT-Tools" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>IT-Tools</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Collection of handy online tools for developers, with great UX </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevTool </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.30000000000000004s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/mongo-express/logo.png" alt="mongo-express" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>mongo-express</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Web-based MongoDB admin interface </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevTool </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.35000000000000003s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/nocobase/logo.png" alt="NocoBase" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>NocoBase</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A scalability-first, open-source no-code development platform </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevTool </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.4s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/ntfy/logo.png" alt="ntfy" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>ntfy</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A simple HTTP-based pub-sub notification service </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> DevTool </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> DevTool • 12 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Security" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/jumpserver/logo.png" alt="JumpServer" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>JumpServer</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> The world's first open-source Bastion Host </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Security </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/2fauth/logo.png" alt="2FAuth" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>2FAuth</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A Web app to manage your Two-Factor Authentication (2FA) accounts and generate their security codes </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Security </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/adguardhome/logo.png" alt="AdGuardHome" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>AdGuardHome</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> DNS server blocking ads and trackers across the network </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Security </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/casdoor/logo.png" alt="Casdoor" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Casdoor</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> An Identity and Access Management (IAM) / Single-Sign-On (SSO) platform with web UI supporting OAuth 2.0, OIDC, SAML and CAS </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Security </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/dvwa/logo.png" alt="DVWA" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>DVWA</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> DVWA (Damn Vulnerable Web Application) </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Security </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/logto/logo.png" alt="Logto" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Logto</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> An Auth0 alternative designed for modern apps and SaaS products </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Security </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.30000000000000004s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/openvpn/logo.png" alt="OpenVPN" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>OpenVPN</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Open source VPN daemon </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span><span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Security </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.35000000000000003s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/zitadel/logo.png" alt="ZITADEL" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>ZITADEL</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> An open-source Identity and Access Management (IAM) platform </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Security </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Security • 8 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Website" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/wordpress/logo.png" alt="WordPress" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>WordPress</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Open source blogging software and content management system </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Website </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/answer/logo.png" alt="Answer" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Answer</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A Q&A platform software for teams at any scales </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Website </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/dashy/logo.png" alt="Dashy" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Dashy</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A self-hostable personal dashboard built for you </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Website </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/discourse/logo.png" alt="Discourse" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Discourse</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A platform for community discussion. Free, open, simple. </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Website </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/flarum/logo.png" alt="Flarum" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Flarum</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Simple forum software for building great communities </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Website </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/ghost/logo.png" alt="Ghost" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Ghost</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> The best open source blog & newsletter platform. </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Website </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.30000000000000004s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/nodebb/logo.png" alt="NodeBB" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>NodeBB</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Node.js based forum software built for the modern web </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Website </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.35000000000000003s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/wikijs/logo.png" alt="Wiki.js" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Wiki.js</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A modern and powerful wiki app built on Node.js </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Website </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Website • 8 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Runtime" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/python/logo.png" alt="Python" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Python</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Python Runtime Environment </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Runtime </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/php8/logo.png" alt="PHP 8" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>PHP 8</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> PHP8 Runtime </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Runtime </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/node/logo.png" alt="Node.js" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Node.js</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Node Runtime Environment </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Runtime </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/php7/logo.png" alt="PHP 7" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>PHP 7</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> PHP7 Runtime </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Runtime </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/dotnet/logo.png" alt=".NET" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>.NET</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> .NET Runtime Environment </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Runtime </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/java/logo.png" alt="Java" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Java</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Java Runtime Environment </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Runtime </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.30000000000000004s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/go/logo.png" alt="Go" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Go</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Go Runtime Environment </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Runtime </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.35000000000000003s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/php5/logo.png" alt="PHP 5" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>PHP 5</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> PHP5 Runtime </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Runtime </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Runtime • 8 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Middleware" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/tomcat/logo.png" alt="Apache Tomcat" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Apache Tomcat</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> An open-source web server and servlet container </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Middleware </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/consul/logo.png" alt="Consul" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Consul</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Distributed, highly available, and data center aware solution </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Middleware </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/emqx/logo.png" alt="EMQX" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>EMQX</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> The most scalable open-source MQTT broker for IoT, IIoT, and connected vehicles </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Middleware </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/kafka/logo.png" alt="Kafka" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Kafka</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Open-source distributed event streaming platform </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Middleware </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/minio/logo.png" alt="MinIO" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>MinIO</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Open source object storage server </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Middleware </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/rabbitmq/logo.png" alt="RabbitMQ" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>RabbitMQ</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A feature rich, multi-protocol messaging and streaming broker </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Middleware </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.30000000000000004s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/rocketmq/logo.png" alt="RocketMQ" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>RocketMQ</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Cloud native messaging and streaming platform </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Middleware </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Middleware • 7 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="AI" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/maxkb/logo.png" alt="MaxKB" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>MaxKB</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> An open-source platform for building enterprise-grade agents </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> AI </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/ollama/logo.png" alt="Ollama" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Ollama</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Get up and running with DeepSeek-R1, Llama 3.3, qwen2.5 and other large language models </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> AI </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/vllm/logo.png" alt="vLLM" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>vLLM</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A high-throughput and memory-efficient inference and serving engine for LLMs </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> AI </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/dbhub/logo.png" alt="DBHub" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>DBHub</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Universal database MCP server connecting to MySQL, PostgreSQL, SQL Server, MariaDB, Oracle </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> AI </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/localai/logo.png" alt="LocalAI" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>LocalAI</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> The free, Open Source OpenAI alternative </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> AI </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/n8n/logo.png" alt="n8n" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>n8n</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Fair-code workflow automation platform with native AI capabilities </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> AI </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.30000000000000004s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/ollama-webui/logo.png" alt="OpenWebUI" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>OpenWebUI</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> User-friendly WebUI for LLMs </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> AI </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> AI • 7 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Media" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/audiobookshelf/logo.png" alt="Audiobookshelf" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Audiobookshelf</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Self-hosted audiobook and podcast server </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Media </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/calibre-web/logo.png" alt="Calibre-Web" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Calibre-Web</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Web app for browsing, reading and downloading eBooks stored in a Calibre database </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Media </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/jellyfin/logo.png" alt="Jellyfin" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Jellyfin</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A multimedia application software suite </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Media </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/komga/logo.png" alt="Komga" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Komga</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Komga is a media server for your comics, mangas, BDs and magazines. </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Media </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.2s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/navidrome/logo.png" alt="Navidrome" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Navidrome</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> An open source web-based music collection server and streamer </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Media </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.25s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/photoprism/logo.png" alt="PhotoPrism" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>PhotoPrism</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> AI-Powered Photos App for the Decentralized Web </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Media </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Media • 6 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Email" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/maddy-mail/logo.png" alt="Maddy Mail Server" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Maddy Mail Server</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Composable all-in-one mail server </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Email </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/mailserver/logo.png" alt="Mailserver" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Mailserver</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Fullstack but simple containerized mail server </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Email </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/roundcube/logo.png" alt="Roundcube" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Roundcube</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Web-based multilingual IMAP mail client </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Email </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.15000000000000002s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/stalwart-mail/logo.png" alt="Stalwart Mail Server" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Stalwart Mail Server</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Secure & Modern All-in-One Mail Server </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Email </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Email • 4 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Server" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/openresty/logo.png" alt="OpenResty" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>OpenResty</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Web Platform Based on NGINX and LuaJIT </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Server </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/nginx-proxy-manager/logo.png" alt="Nginx Proxy Manager" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Nginx Proxy Manager</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Nginx visual management tool </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Server </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.1s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/openlitespeed/logo.png" alt="OpenLiteSpeed" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>OpenLiteSpeed</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> A high-performance, lightweight, open source HTTP server </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Server </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Server • 3 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Storage" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/alist/logo.png" alt="AList" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>AList</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Supporting multi-storage file listing program and private cloud storage </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Storage </span><span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Tools </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/nextcloud/logo.png" alt="Nextcloud" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Nextcloud</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Nextcloud server, a safe home for all your data </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Storage </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Storage • 2 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="Game" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/palworld/logo.png" alt="Palworld Server" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Palworld Server</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Palworld Dedicated Server </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Game </span> </div> </div> </div> </div><div class="fade-in-up card group hover:scale-105" style="animation-delay: 0.05s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/palworld-server-tool/logo.png" alt="Palworld Server Tool" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Palworld Server Tool</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Palworld service visual management tool </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> Game </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> Game • 2 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div><div class="category-content hidden" data-category="BI" data-astro-cid-fdq7cenr>  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" data-astro-cid-fdq7cenr> <div class="fade-in-up card group hover:scale-105" style="animation-delay: 0s;" data-astro-cid-fdq7cenr> <div class="flex items-start space-x-4" data-astro-cid-fdq7cenr>  <div class="flex-shrink-0" data-astro-cid-fdq7cenr> <img src="https://apps.1panel.pro/stable/1panel/metabase/logo.png" alt="Metabase" class="w-16 h-16 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300" loading="lazy" onerror="this.src='./images/default-app-icon.png'" data-astro-cid-fdq7cenr> </div>  <div class="flex-1 min-w-0" data-astro-cid-fdq7cenr> <div class="flex items-start justify-between mb-2" data-astro-cid-fdq7cenr> <h3 class="text-lg font-semibold text-gray-800 truncate pr-2" data-astro-cid-fdq7cenr>Metabase</h3> </div> <p class="text-sm text-gray-600 mb-3 line-clamp-2" data-astro-cid-fdq7cenr> Open source data analysis and visualization tool </p>  <div class="flex flex-wrap gap-1 mb-3" data-astro-cid-fdq7cenr> <span class="inline-block px-2 py-1 text-xs rounded-md bg-1panel/10 text-1panel border border-1panel/20" data-astro-cid-fdq7cenr> BI </span> </div> </div> </div> </div> </div>  <div class="text-center mt-8" data-astro-cid-fdq7cenr> <p class="text-sm text-gray-500 mb-4" data-astro-cid-fdq7cenr> BI • 1 apps total • Sorted by recommendation </p>  <a href="https://demo.1panel.pro/apps/all" target="_blank" class="inline-flex items-center px-6 py-3 bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md group" data-astro-cid-fdq7cenr> <span data-astro-cid-fdq7cenr>View All Apps on Demo</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-fdq7cenr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-fdq7cenr></path> </svg> </a> </div> </div> </div>  </div> </section> <section id="quickstart" class="section-padding bg-gray-50"> <div class="container-custom">  <div class="text-center mb-16"> <h2 class="fade-in-up text-4xl lg:text-5xl font-bold text-gray-800 mb-6"> Quick <span class="text-1panel-gradient">Start</span> </h2> <p class="fade-in-up text-xl text-gray-600 max-w-3xl mx-auto" style="animation-delay: 0.2s;"> One-click installation of 1Panel on your Linux server </p> </div>  <div class="grid grid-cols-1 gap-12 items-center mb-16">  <div class="space-y-8">  <div class="fade-in-left flex items-start space-x-4"> <div class="flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center bg-1panel-gradient"> <span class="text-white font-bold text-lg">1</span> </div> <div class="flex-1"> <h3 class="text-xl font-semibold text-gray-800 mb-2">Prepare Linux Server</h3> <p class="text-gray-600 mb-3">Ensure you have a Linux server running, supporting CentOS, Ubuntu, Debian, and other mainstream distributions.</p> <p class="text-gray-600 mb-3">Supports various server architectures: x86_64, aarch64, armv7l, ppc64le, s390x.</p> </div> </div>  <div class="fade-in-left flex items-start space-x-4" style="animation-delay: 0.2s;"> <div class="flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center bg-1panel-gradient"> <span class="text-white font-bold text-lg">2</span> </div> <div class="flex-1"> <h3 class="text-xl font-semibold text-gray-800 mb-2">Run Installation Script</h3> <p class="text-gray-600 mb-3">Run the one-click installation script as the root user to automatically download and install 1Panel.</p>  <div class="bg-gray-900/90 backdrop-blur-sm rounded-lg border border-gray-700 overflow-hidden mb-6 shadow-lg">  <div class="bg-gray-800/90 px-4 py-3 flex items-center justify-between border-b border-gray-700"> <div class="flex items-center space-x-2"> <div class="w-3 h-3 bg-red-500 rounded-full"></div> <div class="w-3 h-3 bg-yellow-500 rounded-full"></div> <div class="w-3 h-3 bg-green-500 rounded-full"></div> </div> <button id="copy-install-cmd" class="text-gray-400 hover:text-gray-200 transition-colors duration-300 text-sm flex items-center" title="Copy Installation Command"> <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> Copy </button> </div>  <div class="p-4 font-mono text-sm"> <div class="text-gray-200" id="install-command">$ <span class="text-green-400 break-all">bash -c "$(curl -sSL https://resource.1panel.pro/quick_start.sh)"</span></div> </div> </div> </div> </div>  <div class="fade-in-left flex items-start space-x-4" style="animation-delay: 0.4s;"> <div class="flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center bg-1panel-gradient"> <span class="text-white font-bold text-lg">3</span> </div> <div class="flex-1"> <h3 class="text-xl font-semibold text-gray-800 mb-2">Access Management Panel</h3> <p class="text-gray-600 mb-3">After installation, access the address provided by the installation script through a browser to start using 1Panel.</p> </div> </div> </div>  <div class="fade-in-right" style="animation-delay: 0.6s;"> <div class="bg-white rounded-lg border border-gray-200 shadow-xl overflow-hidden">  <div class="bg-gray-100 px-4 py-3 flex items-center space-x-2"> <div class="w-3 h-3 bg-red-500 rounded-full"></div> <div class="w-3 h-3 bg-yellow-500 rounded-full"></div> <div class="w-3 h-3 bg-green-500 rounded-full"></div> <span class="text-gray-600 text-sm ml-2">root@1panel-server:~</span> </div>  <div class="font-mono" id="terminal-container"></div> </div> </div> </div>  <div class="text-center"> <h3 class="fade-in-up text-2xl font-bold text-gray-800 mb-8">Need Help?</h3> <div class="fade-in-up flex flex-col sm:flex-row gap-4 justify-center items-center" style="animation-delay: 0.2s;"> <a href="https://1panel.pro/docs" target="_blank" class="text-lg px-6 py-3 group inline-flex items-center justify-center bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C20.832 18.477 19.246 18 17.5 18c-1.746 0-3.332.477-4.5 1.253"></path> </svg> View Documentation </a> <a href="https://github.com/1Panel-dev/1Panel/discussions" target="_blank" class="text-lg px-6 py-3 group inline-flex items-center justify-center bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path> </svg> Community Forum </a> <a href="https://github.com/1Panel-dev/1Panel/issues" target="_blank" class="text-lg px-6 py-3 group inline-flex items-center justify-center bg-white border border-gray-300 text-gray-700 rounded-lg font-medium transition-all duration-300 hover:border-gray-400 hover:bg-gray-50 shadow-sm hover:shadow-md"> <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path> </svg> Issue Feedback </a> </div> </div> </div> </section> <section id="cta" class="relative py-20 lg:py-32 overflow-hidden" data-astro-cid-4xty6sx2>  <div class="absolute inset-0" data-astro-cid-4xty6sx2></div> <div class="absolute inset-0 bg-mesh opacity-10" data-astro-cid-4xty6sx2></div>  <div class="absolute inset-0 overflow-hidden" data-astro-cid-4xty6sx2> <div class="absolute top-10 left-10 w-32 h-32 rounded-full blur-3xl bg-white opacity-10 animate-float" data-astro-cid-4xty6sx2></div> <div class="absolute top-40 right-20 w-24 h-24 rounded-full blur-3xl bg-white opacity-15 animate-float" style="animation-delay: -2s;" data-astro-cid-4xty6sx2></div> <div class="absolute bottom-20 left-20 w-40 h-40 rounded-full blur-3xl bg-white opacity-10 animate-float" style="animation-delay: -4s;" data-astro-cid-4xty6sx2></div> <div class="absolute bottom-40 right-10 w-20 h-20 rounded-full blur-3xl bg-white opacity-20 animate-float" style="animation-delay: -6s;" data-astro-cid-4xty6sx2></div> </div>  <div class="relative z-10 container-custom" data-astro-cid-4xty6sx2> <div class="text-center max-w-3xl mx-auto" data-astro-cid-4xty6sx2>  <h2 class="fade-in-up text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-8 leading-tight" style="animation-delay: 0.2s;" data-astro-cid-4xty6sx2> Start Using <span class="block" data-astro-cid-4xty6sx2> <img src="./images/logo-blue.png" alt="1Panel" class="mt-4 inline-block h-12 md:h-16 lg:h-20" data-astro-cid-4xty6sx2> </span> </h2>  <p class="fade-in-up text-xl text-blue-100 mb-12 leading-relaxed" style="animation-delay: 0.4s;" data-astro-cid-4xty6sx2> Top-Rated Web-based Linux Server Management Tool </p>  <div class="fade-in-up flex flex-col sm:flex-row gap-6 justify-center items-center" style="animation-delay: 0.6s;" data-astro-cid-4xty6sx2>  <a href="https://demo.1panel.pro/" target="_blank" class="group bg-white text-1panel font-bold text-xl px-12 py-5 rounded-2xl transition-all duration-300 transform hover:scale-105 shadow-2xl hover:shadow-3xl inline-flex items-center" data-astro-cid-4xty6sx2> Online Demo <svg class="w-6 h-6 ml-3 group-hover:translate-x-2 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-4xty6sx2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" data-astro-cid-4xty6sx2></path> </svg> </a>  <a href="https://1panel.pro/docs" target="_blank" class="group border-2 border-white/30 text-white font-semibold text-lg px-10 py-5 rounded-2xl transition-all duration-300 hover:bg-white/10 hover:border-white/50 backdrop-blur-sm inline-flex items-center" data-astro-cid-4xty6sx2> Documentation <svg class="w-5 h-5 ml-3 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-4xty6sx2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" data-astro-cid-4xty6sx2></path> </svg> </a> </div> </div> </div> </section> </main> <footer class="bg-dark-900 border-t border-gray-800 py-12"> <div class="container-custom">  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8 mb-8">  <div class="col-span-1 lg:col-span-2"> <div class="flex items-center space-x-3 mb-4"> <span class="text-xl font-bold text-white">LXware</span> </div> <p class="text-gray-400 mb-6 max-w-md"> A wholly-owned subsidiary of FIT2CLOUD, responsible for the commercial operation of FIT2CLOUD's open-source projects 1Panel, MaxKB, and JumpServer in the global market. </p> </div> <div></div>  <div> <h4 class="text-lg font-semibold text-white mb-4">Resources</h4> <ul class="space-y-3"> <li><a href="https://docs.1panel.pro" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center"><svg width="1em" height="1em" class="w-4 h-4 mr-2" data-icon="carbon:documentation"> <symbol id="ai:carbon:documentation" viewBox="0 0 32 32"><path fill="currentColor" d="m29.316 9.491l-8.004-6.997A2 2 0 0 0 19.996 2H4a2 2 0 0 0-2 2v24a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V10.997a2 2 0 0 0-.684-1.506M28 13v15H4V4h14v7a2 2 0 0 0 2 2zM6 14h4.368c3.13 0 5.176 2.009 5.176 5.998S13.498 26 10.368 26H6zm4.368 9.988c1.685 0 2.769-.998 2.769-3.044v-1.888c0-2.047-1.084-3.044-2.769-3.044H8.27v7.976zM17 21.494c0-2.871 1.6-4.677 4.161-4.677c2.58 0 4.18 1.806 4.18 4.677c0 2.89-1.6 4.712-4.18 4.712c-2.562 0-4.161-1.822-4.161-4.712m6.036.843v-1.668c0-1.34-.723-2.081-1.875-2.081c-1.135 0-1.857.74-1.857 2.08v1.669c0 1.358.722 2.099 1.857 2.099c1.152 0 1.875-.74 1.875-2.1"/></symbol><use href="#ai:carbon:documentation"></use> </svg>Documentation</a></li> <li><a href="https://github.com/1Panel-dev/1Panel" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center"><svg width="1em" height="1em" viewBox="0 0 32 32" class="w-4 h-4 mr-2" data-icon="carbon:logo-github"> <use href="#ai:carbon:logo-github"></use> </svg>GitHub Repository</a></li> <li><a href="https://github.com/1Panel-dev/1Panel/discussions" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center"><svg width="1em" height="1em" class="w-4 h-4 mr-2" data-icon="carbon:forum"> <symbol id="ai:carbon:forum" viewBox="0 0 32 32"><path fill="currentColor" d="M28 6H8c-1.2 0-2 .8-2 2v14c0 1.2.8 2 2 2h8v-2H8V8h20v14h-7.2L16 28.8l1.6 1.2l4.2-6H28c1.2 0 2-.8 2-2V8c0-1.2-.8-2-2-2"/><path fill="currentColor" d="M4 18H2V5c0-1.7 1.3-3 3-3h13v2H5c-.6 0-1 .4-1 1z"/></symbol><use href="#ai:carbon:forum"></use> </svg>Community Forum</a></li> <li><a href="https://x.com/lxware_x" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center"><svg width="1em" height="1em" class="w-4 h-4 mr-2" data-icon="carbon:logo-x"> <symbol id="ai:carbon:logo-x" viewBox="0 0 32 32"><path fill="currentColor" d="M18.234 14.162L26.977 4h-2.072l-7.591 8.824L11.25 4H4.258l9.169 13.343L4.258 28H6.33l8.016-9.318L20.75 28h6.993zm-2.837 3.299l-.93-1.329L7.078 5.56h3.182l5.964 8.532l.93 1.329l7.753 11.09h-3.182z"/></symbol><use href="#ai:carbon:logo-x"></use> </svg>Follow us on X</a></li> <li><a href="https://www.youtube.com/@1Panel-linux" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center"><svg width="1em" height="1em" class="w-4 h-4 mr-2" data-icon="carbon:logo-youtube"> <symbol id="ai:carbon:logo-youtube" viewBox="0 0 32 32"><path fill="currentColor" d="M29.41 9.26a3.5 3.5 0 0 0-2.47-2.47C24.76 6.2 16 6.2 16 6.2s-8.76 0-10.94.59a3.5 3.5 0 0 0-2.47 2.47A36 36 0 0 0 2 16a36 36 0 0 0 .59 6.74a3.5 3.5 0 0 0 2.47 2.47c2.18.59 10.94.59 10.94.59s8.76 0 10.94-.59a3.5 3.5 0 0 0 2.47-2.47A36 36 0 0 0 30 16a36 36 0 0 0-.59-6.74M13.2 20.2v-8.4l7.27 4.2Z"/></symbol><use href="#ai:carbon:logo-youtube"></use> </svg>Youtube Channel</a></li> <li><a href="https://discord.gg/bUpUqWqdRr" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center"><svg width="1em" height="1em" class="w-4 h-4 mr-2" data-icon="carbon:logo-discord"> <symbol id="ai:carbon:logo-discord" viewBox="0 0 32 32"><path fill="currentColor" d="M25.7 7.1Q23 5.9 20 5.3h-.1c-.2.4-.5 1-.7 1.5c-2.2-.3-4.3-.3-6.4 0c-.2-.5-.5-1-.7-1.5H12q-3 .45-5.7 1.8C2.7 12.5 1.7 17.8 2.2 23v.1c2.4 1.8 4.7 2.8 7 3.5h.1c.5-.7 1-1.5 1.4-2.3v-.1c-.8-.3-1.5-.6-2.2-1c-.1 0-.1-.1 0-.1c.1-.1.3-.2.4-.3H9c4.6 2.1 9.5 2.1 14.1 0h.1c.1.1.3.2.4.3c.1 0 0 .1 0 .1c-.7.4-1.4.8-2.2 1c0 0-.1.1 0 .1c.4.8.9 1.6 1.4 2.3h.1c2.3-.7 4.6-1.8 7-3.5V23c.6-6-1-11.2-4.2-15.9M11.4 19.9c-1.4 0-2.5-1.3-2.5-2.8s1.1-2.8 2.5-2.8s2.5 1.3 2.5 2.8s-1.1 2.8-2.5 2.8m9.3 0c-1.4 0-2.5-1.3-2.5-2.8s1.1-2.8 2.5-2.8s2.5 1.3 2.5 2.8s-1.1 2.8-2.5 2.8"/></symbol><use href="#ai:carbon:logo-discord"></use> </svg>Chat on Discord</a></li> </ul></div>  <div> <h4 class="text-lg font-semibold text-white mb-4">Links</h4> <ul class="space-y-3"> <li><a href="https://jumpserver.com" class="text-gray-400 hover:text-white transition-colors duration-300">JumpServer</a></li> <li><a href="https://lxware.hk/pages/about" class="text-gray-400 hover:text-white transition-colors duration-300">About LXware</a></li> <li><a href="/cdn-cgi/l/email-protection#bcd4d5fcd0c4cbddced992d4d7" class="text-gray-400 hover:text-white transition-colors duration-300">Contact Us</a></li> </ul> </div> </div>  <div class="border-t border-gray-800 pt-8"> <div class="flex flex-col md:flex-row justify-between items-center"> <div class="text-gray-400 text-sm mb-4 md:mb-0"> © <span id="footer-year"></span> LXware. All rights reserved. </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> document.addEventListener('DOMContentLoaded', function() { const yearSpan = document.getElementById('footer-year'); if (yearSpan) { yearSpan.textContent = new Date().getFullYear(); } }); </script> <div class="flex space-x-6 text-sm"> <a href="https://www.lxware.hk/policies/terms-of-service" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-300">Terms of Service</a> <a href="https://www.lxware.hk/policies/privacy-policy" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-300">Privacy Policy</a> </div> </div>  <button id="back-to-top" class="fixed bottom-8 right-8 bg-gradient-to-r from-blue-600 to-purple-600 text-white p-3 rounded-full shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-110 opacity-0 invisible"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path> </svg> </button> </div> </div></footer> <div id="language-modal" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden items-center justify-center p-4"> <div class="bg-white rounded-lg shadow-xl max-w-md w-full mx-4 transform transition-all"> <div class="p-6"> <div class="flex items-center mb-4"> <div class="flex-shrink-0"> <svg width="1em" height="1em" class="w-6 h-6 text-1panel" data-icon="carbon:earth-filled"> <symbol id="ai:carbon:earth-filled" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2a14 14 0 1 0 14 14A14.016 14.016 0 0 0 16 2M4.02 16.394l1.338.446L7 19.303v1.283a1 1 0 0 0 .293.707L10 24v2.377a12 12 0 0 1-5.98-9.983M16 28a12 12 0 0 1-2.572-.285L14 26l1.805-4.512a1 1 0 0 0-.097-.926l-1.411-2.117a1 1 0 0 0-.832-.445h-4.93l-1.248-1.873L9.414 14H11v2h2v-2.734l3.868-6.77l-1.736-.992L14.277 7h-2.742L10.45 5.371A11.86 11.86 0 0 1 20 4.7V8a1 1 0 0 0 1 1h1.465a1 1 0 0 0 .832-.445l.877-1.316A12 12 0 0 1 26.894 11H22.82a1 1 0 0 0-.98.804l-.723 4.47a1 1 0 0 0 .54 1.055L25 19l.685 4.056A11.98 11.98 0 0 1 16 28"/></symbol><use href="#ai:carbon:earth-filled"></use> </svg> </div> <div class="ml-2"> <h3 class="text-lg font-medium text-gray-900">语言检测提示</h3> </div> </div> <div class="mb-6"> <p class="text-sm text-gray-600"> 您的浏览器语言为中文，是否切换到我们的中文网站以获得更好的体验？ </p> </div> <div class="flex justify-end space-x-3"> <button id="stay-here" class="px-4 py-2 text-sm font-medium text-gray-700 bg-gray-100 border border-gray-300 rounded-md hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition-colors"> 留在这里 </button> <button id="go-chinese" class="px-4 py-2 text-sm font-medium text-white bg-1panel border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors"> 前往中文网站 </button> </div> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { // 检查是否已经显示过弹框 const hasShownModal = sessionStorage.getItem('languageModalShown'); if (hasShownModal) { return; } // 获取浏览器语言 const browserLanguage = navigator.language; const isChinese = browserLanguage.startsWith('zh'); // 如果是中文，显示弹框 if (isChinese) { const modal = document.getElementById('language-modal'); const stayButton = document.getElementById('stay-here'); const goButton = document.getElementById('go-chinese'); if (modal && stayButton && goButton) { // 显示弹框 modal.classList.remove('hidden'); modal.classList.add('flex'); // 添加淡入动画 setTimeout(() => { const modalContent = modal.querySelector('.bg-white'); if (modalContent) { modalContent.classList.add('scale-100'); modalContent.classList.remove('scale-95'); } }, 10); // 标记已显示 sessionStorage.setItem('languageModalShown', 'true'); // 点击"留在这里"按钮 stayButton.addEventListener('click', function() { hideModal(); }); // 点击"前往中文网站"按钮 goButton.addEventListener('click', function() { window.location.href = 'https://1panel.cn'; }); // 点击背景关闭弹框 modal.addEventListener('click', function(e) { if (e.target === modal) { hideModal(); } }); // 隐藏弹框函数 function hideModal() { const modalContent = modal.querySelector('.bg-white'); if (modalContent) { modalContent.classList.add('scale-95'); modalContent.classList.remove('scale-100'); } setTimeout(() => { modal.classList.add('hidden'); modal.classList.remove('flex'); }, 200); } } } }); </script> </div>  </body> </html>

[ { "url": "https://1panel.pro", "technologies": [ { "slug": "core-js", "name": "core-js", "versions": [ "3.6.5", "3.41.0" ], "trafficRank": 81, "confirmedAt": 1754873315, "icon": "core-js.png", "categories": [ { "id": 59, "slug": "javascript-libraries", "name": "JavaScript libraries" } ] }, { "slug": "goober", "name": "Goober", "versions": [], "trafficRank": 388, "confirmedAt": 1756376905, "icon": "Goober.svg", "categories": [ { "id": 59, "slug": "javascript-libraries", "name": "JavaScript libraries" } ] }, { "slug": "mobx", "name": "MobX", "versions": [], "trafficRank": 388, "confirmedAt": 1756376905, "icon": "MobX.svg", "categories": [ { "id": 59, "slug": "javascript-libraries", "name": "JavaScript libraries" } ] }, { "slug": "lit-html", "name": "lit-html", "versions": [ "3.2.1" ], "trafficRank": 765, "confirmedAt": 1756680314, "icon": "Lit.svg", "categories": [ { "id": 59, "slug": "javascript-libraries", "name": "JavaScript libraries" } ] }, { "slug": "lit-element", "name": "lit-element", "versions": [ "4.1.1" ], "trafficRank": 765, "confirmedAt": 1756680314, "icon": "Lit.svg", "categories": [ { "id": 59, "slug": "javascript-libraries", "name": "JavaScript libraries" } ] }, { "slug": "emotion", "name": "Emotion", "versions": [], "trafficRank": 905, "confirmedAt": 1756680314, "icon": "Emotion.svg", "categories": [ { "id": 12, "slug": "javascript-frameworks", "name": "JavaScript frameworks" }, { "id": 47, "slug": "development", "name": "Development" } ] }, { "slug": "redux", "name": "Redux", "versions": [], "trafficRank": 1412, "confirmedAt": 1756680314, "icon": "Redux.svg", "categories": [ { "id": 12, "slug": "javascript-frameworks", "name": "JavaScript frameworks" } ] }, { "slug": "cart-functionality", "name": "Cart Functionality", "versions": [], "trafficRank": 2408, "confirmedAt": 1756728150, "icon": "Cart-generic.svg", "categories": [ { "id": 6, "slug": "ecommerce", "name": "Ecommerce" } ] }, { "slug": "font-awesome", "name": "Font Awesome", "versions": [], "trafficRank": 2434, "confirmedAt": 1756728150, "icon": "Font Awesome.svg", "categories": [ { "id": 17, "slug": "font-scripts", "name": "Font scripts" } ] }, { "slug": "doubleclick-floodlight", "name": "DoubleClick Floodlight", "versions": [], "trafficRank": 2688, "confirmedAt": 1756720220, "icon": "DoubleClick.svg", "categories": [ { "id": 36, "slug": "advertising", "name": "Advertising" } ] }, { "slug": "asciinema", "name": "Asciinema", "versions": [], "trafficRank": 2701, "confirmedAt": 1756725564, "icon": "Asciinema.svg", "categories": [ { "id": 14, "slug": "video-players", "name": "Video players" } ] }, { "slug": "google-font-api", "name": "Google Font API", "versions": [], "trafficRank": 2701, "confirmedAt": 1756725564, "icon": "Google Font API.svg", "categories": [ { "id": 17, "slug": "font-scripts", "name": "Font scripts" } ] }, { "slug": "astro", "name": "Astro", "versions": [ "4.16.18" ], "trafficRank": 3034, "confirmedAt": 1756725564, "icon": "Astro.svg", "categories": [ { "id": 57, "slug": "static-site-generator", "name": "Static site generator" }, { "id": 12, "slug": "javascript-frameworks", "name": "JavaScript frameworks" } ] }, { "slug": "bootstrap", "name": "Bootstrap", "cpe": "cpe:2.3:a:getbootstrap:bootstrap:4.5.0:*:*:*:*:*:*:*", "versions": [ "4.5.0" ], "trafficRank": 4622, "confirmedAt": 1756728150, "icon": "Bootstrap.svg", "categories": [ { "id": 66, "slug": "ui-frameworks", "name": "UI frameworks" } ] }, { "slug": "jquery", "name": "jQuery", "cpe": "cpe:2.3:a:jquery:jquery:3.6.4:*:*:*:*:*:*:*", "versions": [ "3.6.4" ], "trafficRank": 4622, "confirmedAt": 1756728150, "icon": "jQuery.svg", "categories": [ { "id": 59, "slug": "javascript-libraries", "name": "JavaScript libraries" } ] }, { "slug": "cloudflare-browser-insights", "name": "Cloudflare Browser Insights", "versions": [], "trafficRank": 5650, "confirmedAt": 1756728150, "icon": "CloudFlare.svg", "categories": [ { "id": 10, "slug": "analytics", "name": "Analytics" }, { "id": 78, "slug": "rum", "name": "RUM" } ] }, { "slug": "open-graph", "name": "Open Graph", "versions": [], "trafficRank": 7059, "confirmedAt": 1756728150, "icon": "Open Graph.svg", "categories": [ { "id": 19, "slug": "miscellaneous", "name": "Miscellaneous" } ] }, { "slug": "cloudflare", "name": "Cloudflare", "versions": [], "trafficRank": 7306, "confirmedAt": 1756728150, "icon": "CloudFlare.svg", "categories": [ { "id": 31, "slug": "cdn", "name": "CDN" } ] }, { "slug": "http-3", "name": "HTTP/3", "versions": [], "trafficRank": 7306, "confirmedAt": 1756728150, "icon": "HTTP3.svg", "categories": [ { "id": 19, "slug": "miscellaneous", "name": "Miscellaneous" } ] }, { "slug": "google-tag-manager", "name": "Google Tag Manager", "versions": [], "trafficRank": 7369, "confirmedAt": 1756728150, "icon": "Google Tag Manager.svg", "categories": [ { "id": 42, "slug": "tag-managers", "name": "Tag managers" } ] }, { "slug": "google-analytics", "name": "Google Analytics", "versions": [ "GA4" ], "trafficRank": 7369, "confirmedAt": 1756728150, "icon": "Google Analytics.svg", "categories": [ { "id": 10, "slug": "analytics", "name": "Analytics" } ] } ] } ]