🔌 MCP registry UI

Unofficial web UI to browse the official registry for Model Context Protocol (MCP) servers available at vemonet.github.io/mcp-registry.

This web app lets you find available MCP servers, and easily install them into compatible clients such as Visual Studio Code or Cursor.

• 🌍 Access all MCP servers published to the official MCP registry
• 🔎 Search by server name, and filter by last published date. Or enable the client-side index to filter by server type (packages. remote) and search in descriptions.
• 🏷️ Browse the published versions of a server
• ⚙️ Configure MCP servers installation through a user-friendly form
• 📥 Install MCP servers into compatible clients in 1 click (VSCode and Cursor)
• 🧩 Build a stack from selected MCP servers, and export to VSCode or Cursor mcp.json
• 🔌 Point the web UI at any compatible registry URL
• 🦊 Runs entirely in the browser, and fetches data directly from registry.modelcontextprotocol.io

📥 Installation

Install dependencies:

npm i

⚡️ Start server in development

Start the development server at http://localhost:5173

npm run dev

Tip

Create new UI components with shadcn/ui

npx shadcn@latest add button

🧹 Format, lint and check types

Format and lint with prettier and eslint:

npm run fmt

Check types with TypeScript:

npm run typecheck

Note

Formatting and type checking will be run automatically when you commit with husky and lint-staged.

⏫ Upgrade dependencies

Upgrade dependencies to the latest versions listed in package.json:

npm run upgrade

📦 Building for Production

Create a production build:

npm run build

Tip

Test it with:

cp -R dist dist/mcp-registry
npx http-server dist -o mcp-registry

Note

If you're familiar with deploying Node applications, the built-in app server is production-ready. Deploy the dist folder.

🏷️ New release

Choose the bump type: patch, minor, major

npm version patch

✅ To do

• Support mcpb, e.g. agent-payment-mcp or touchdesigner-mcp-server
• Support variables in environmentVariables, e.g. Knapcode.SampleMcpServer