modelcontextprotocol/typescript-sdk
Official TypeScript SDK for building and interacting with Model Context Protocol (MCP) servers and clients, enabling standardized context provision for large language models.
modelcontextprotocol/use-mcp
use-mcp is a lightweight React hook designed to facilitate seamless integration with Model Context Protocol (MCP) servers, which are used in AI applications. This hook manages the complexities of authentication, connection states, and tool invocation, making it easier for developers to connect their React applications to MCP-compliant AI services. The project provides a simple and efficient interface to handle OAuth authentication flows, including popup and fallback mechanisms, ensuring secure and smooth user authentication. The hook supports automatic connection management with features like reconnection and retry logic, which enhances reliability when interacting with MCP servers. It fully supports MCP tools, resources, and prompts, allowing developers to access and utilize server-provided functionalities such as tool invocation, resource reading, and prompt usage. The project also offers TypeScript types for improved developer experience through editor assistance and type checking. use-mcp works with both HTTP and Server-Sent Events (SSE) transports, providing flexibility in communication methods. It includes comprehensive logging capabilities to aid in debugging and monitoring connection states. The project comes with example applications and servers for development and testing, including an MCP server debugging tool, a chat interface, and Cloudflare Workers AI MCP server. The README provides detailed instructions for installation, development, testing, and setting up OAuth callbacks in React Router and Next.js environments. The API reference outlines the useMcp hook's options and return values, enabling developers to customize connection parameters such as server URL, client name, callback URLs, and transport preferences. Overall, use-mcp simplifies the integration of React applications with MCP servers by abstracting authentication and connection management complexities, thereby accelerating the development of AI-powered applications that adhere to the MCP standard.
https://github.com/modelcontextprotocol/use-mcp
Also in TypeScript
mnfst/manifest
Manifest is an open-source components library built on shadcn/ui for creating customizable and production-ready ChatGPT and MCP applications efficiently.
idosal/mcp-ui
mcp-ui is a TypeScript SDK that enhances the Model Context Protocol by enabling rich, interactive UI components through server-generated HtmlResourceBlocks and client-side React rendering, facilitating dynamic AI interactions.
punkpeye/fastmcp
FastMCP is a TypeScript framework that simplifies building Model Context Protocol (MCP) servers by handling client sessions, multiple content types, real-time updates, and flexible tool definitions using standard schema validation libraries.
QuantGeekDev/mcp-framework
MCP Framework is a TypeScript-based framework that simplifies building Model Context Protocol (MCP) servers with features like automatic discovery, multiple transport support, built-in authentication, and comprehensive validation tools.
jasonjmcghee/WebMCP
WebMCP is a protocol and toolkit enabling websites to act as MCP servers, sharing tools and resources securely with client-side large language models to enhance user interactions.
rekog-labs/MCP-Nest
A NestJS module that enables effortless creation of Model Context Protocol (MCP) servers to expose AI tools, resources, and prompts with support for multiple transport types and authentication.
vercel/mcp-adapter
A Vercel adapter that enables easy deployment of Model Context Protocol (MCP) servers on Next.js and other frameworks, facilitating real-time communication between applications and AI models.