Unofficial web UI to access 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
- π·οΈ 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
Note
Contributions welcome, in particular regarding integration of new clients install links/config.
Install dependencies:
npm i
Start the development server at http://localhost:5173
npm run dev
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 to the latest versions listed in package.json
:
npm run upgrade
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.
Choose the bump type: patch
, minor
, major
npm version patch
- Improve filtering: filter by status and server type (stdio, http, sse). Would require new features on the registry API, or handling filters on the client.
- Support mcpb?