index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>PromptMesh</title>
    <meta name="description" content="PromptMesh – Modular LLM tooling built on the Model Context Protocol.">
    <link rel="icon" href="favicon.ico" type="image/x-icon" />

    <script src="https://cdn.tailwindcss.com"></script>

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://promptmesh.io/" />
    <meta property="og:title" content="PromptMesh" />
    <meta property="og:description" content="Modular LLM infrastructure built on the Model Context Protocol (MCP)." />
    <meta property="og:image" content="https://promptmesh.io/logo-full.png" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://promptmesh.io/" />
    <meta name="twitter:title" content="PromptMesh" />
    <meta name="twitter:description" content="Modular LLM infrastructure built on the Model Context Protocol (MCP)." />
    <meta name="twitter:image" content="https://promptmesh.io/logo-full.png" />


    <script>
      tailwind.config = {
        theme: {
          extend: {
            fontFamily: {
              sans: ['Inter', 'sans-serif'],
            },
          }
        }
      }
    </script>

    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" />
  </head>
  <body class="bg-zinc-950 text-white min-h-screen flex flex-col items-center justify-center px-4">
    <main class="max-w-xl w-full text-center">
      <img src="./logo-dark-transparent.png" alt="PromptMesh Logo" class="mx-auto w-40 h-40 mb-6" />

      <h1 class="text-4xl font-bold tracking-tight mb-4">PromptMesh</h1>
      <p class="text-zinc-400 text-lg leading-relaxed mb-8">
        PromptMesh is a modular ecosystem of open-source tools for building LLM-native infrastructure using the
        <a href="https://modelcontextprotocol.io" class="text-sky-400 hover:underline" target="_blank">Model Context Protocol (MCP)</a>.
      </p>

      <div class="grid gap-4">
        <a href="https://github.com/promptmesh/easymcp" target="_blank" class="block bg-zinc-800 hover:bg-zinc-700 transition rounded-lg px-6 py-4 text-left shadow">
          <h2 class="text-lg font-semibold text-white">EasyMCP</h2>
          <p class="text-zinc-400 text-sm">Python SDK for orchestrating MCP servers and tools.</p>
        </a>

        <a href="https://github.com/promptmesh/semantictool" target="_blank" class="block bg-zinc-800 hover:bg-zinc-700 transition rounded-lg px-6 py-4 text-left shadow">
          <h2 class="text-lg font-semibold text-white">SemanticTool</h2>
          <p class="text-zinc-400 text-sm">Semantic discovery and tool invocation microservice with REST endpoints.</p>
        </a>

        <a href="https://github.com/promptmesh/relaymcp" target="_blank" class="block bg-zinc-800 hover:bg-zinc-700 transition rounded-lg px-6 py-4 text-left shadow">
          <h2 class="text-lg font-semibold text-white">RelayMCP</h2>
          <p class="text-zinc-400 text-sm">Session-aware OpenAPI gateway for routing REST to MCP tools.</p>
        </a>
      </div>
    </main>

    <footer class="mt-16 text-sm text-zinc-500">
      &copy; 2025 PromptMesh &middot; <a href="https://github.com/promptmesh" class="hover:underline">GitHub</a>
    </footer>
  </body>
</html>