https://github.com/open-resource-discovery/mcp-server-card-ui
A UI component for visualizing and validating MCP Server Cards, and for testing MCP server capabilities using the server card definition.
https://github.com/open-resource-discovery/mcp-server-card-ui
agentic-ai ai ai-agents ai-tools mcp mcp-protocol mcp-server-card
Last synced: 18 days ago
JSON representation
A UI component for visualizing and validating MCP Server Cards, and for testing MCP server capabilities using the server card definition.
- Host: GitHub
- URL: https://github.com/open-resource-discovery/mcp-server-card-ui
- Owner: open-resource-discovery
- License: apache-2.0
- Created: 2026-04-08T08:36:36.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2026-05-18T17:05:30.000Z (23 days ago)
- Last Synced: 2026-05-18T17:39:25.250Z (23 days ago)
- Topics: agentic-ai, ai, ai-agents, ai-tools, mcp, mcp-protocol, mcp-server-card
- Language: TypeScript
- Homepage: https://open-resource-discovery.github.io/mcp-server-card-ui/playground
- Size: 696 KB
- Stars: 3
- Watchers: 0
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# MCP Server Card UI
UI components for editing, viewing, and testing servers that implement the MCP Protocol.
👉 **LIVE DEMO:** https://open-resource-discovery.github.io/mcp-server-card-ui/playground
## Getting Started
### npm
```bash
npm install @open-resource-discovery/mcp-server-card-ui
```
## Quick Start
```tsx
import { MCPServerPlayground } from "@open-resource-discovery/mcp-server-card-ui";
import "@open-resource-discovery/mcp-server-card-ui/styles";
function App() {
return (
console.log(parsed?.name)}
/>
);
}
```
## Contributing
Please see [CONTRIBUTING.md](CONTRIBUTING.md) for details on how to contribute to this project.
## License
Please see our [LICENSE](LICENSE) for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available [via the REUSE tool](https://api.reuse.software/info/github.com/open-resource-discovery/mcp-server-card-ui).