A curated list of production-ready MCP server templates built with mcp-use for creating ChatGPT Apps with interactive widgets and powerful integrations.
A collection of ready-to-use templates for building Model Context Protocol (MCP) servers that work seamlessly with ChatGPT's Apps SDK. Each template includes interactive React widgets, type-safe tools, and production-ready configurations.
Interactive database exploration and querying for Supabase
A powerful MCP server that provides interactive tools and beautiful React widgets for exploring and querying your Supabase database.
Features:
- 🔍 Database Schema Explorer - Browse all tables with an interactive UI
- 📊 Table Viewer - Display and explore table data with a beautiful data table widget
- 🔎 SQL Query Executor - Run read-only SQL queries and view results
- 🎨 React Widgets - Rich, interactive UI components built with React and Tailwind CSS
- 🔐 Secure Authentication - Uses Supabase Personal Access Tokens
Quick Start:
cd templates/supabase
yarn install
# Set ACCESS_TOKEN in .env
yarn devTemplate: templates/supabase | Documentation
Built with: mcp-use |
Stripe integration for payments and product management
A production-ready MCP server for Stripe integration that provides interactive tools and beautiful React widgets for listing products and processing payments through Stripe checkout.
Features:
- 💳 Stripe Integration - Full Stripe checkout session creation
- 🛍️ Product Listing - Display products from your Stripe account
- 🎨 Interactive Widgets - Beautiful React widgets for product selection
- 🔐 Secure Payments - Uses Stripe's secure checkout flow
- 🌙 Theme Support - Automatic dark/light mode detection
- 📦 Type Safety - Full TypeScript with Zod validation
Quick Start:
cd templates/stripe
yarn install
# Set STRIPE_SECRET_KEY in .env
yarn devTemplate: templates/stripe | Documentation
Built with: mcp-use |
mcp-use is a modern framework for building MCP servers with:
- Type-safe server creation - Build MCP servers with full TypeScript support
- React widget support - Create interactive UI components using the OpenAI Apps SDK
- Simplified client connections - Easily connect to other MCP servers
- Built-in development tools - Hot reload, build, and deploy commands
- Zero boilerplate - Focus on your tools, not infrastructure
Learn more at docs.mcp-use.com
Each template in this repository is a complete, production-ready MCP server that you can:
- Clone or copy the template directory
- Install dependencies with
yarn installornpm install - Configure environment variables (see each template's README)
- Run with
yarn devfor development - Deploy to your preferred hosting platform
- Deploy your MCP server and get the endpoint URL (e.g.,
https://your-app.vercel.app/mcp) - In ChatGPT, go to
Apps & Connectors→Advanced Settingsand enable developer mode - Create a new Connector with your MCP server URL
- Start using your custom ChatGPT App!
Contributions are welcome! To add a new template:
- Create a new directory in
templates/with your template name - Follow the structure of existing templates
- Include a comprehensive README.md
- Update this main README.md with your template
- Submit a pull request
- Must use mcp-use
- Include interactive widgets (React components)
- Have comprehensive documentation
- Include
.env.examplefile - Be production-ready
All templates in this repository are licensed under the MIT License unless otherwise specified in individual template directories.
- mcp-use - The framework powering these templates
- Awesome MCP Servers - Community MCP servers
- Model Context Protocol - The MCP specification
Maintained by the mcp-use community | Report an issue | Join Discord