← Back to Guides
Examples

Apps SDK Examples (GitHub)

Gallery of example UI widgets and MCP servers showcasing Apps SDK.

Open Source Link ↗

Overview

This repository showcases example UI components and MCP servers for the Apps SDK, serving as a starting point and source of inspiration for building ChatGPT apps. The examples demonstrate how MCP servers expose tools that models can call, returning structured content with embedded HTML resources that the Apps SDK renders as rich UI components.

Key Points

Collection of example UI widgets and MCP server implementations
Demonstrates MCP + Apps SDK integration patterns
Shows how to combine structured data with UI components
Examples of tool contracts and JSON Schema definitions
Illustrates authentication and metadata handling
Source code for learning and customization

Prerequisites

Git installed for cloning the repository
Node.js and package manager (npm/pnpm/yarn)
Understanding of MCP and Apps SDK concepts
Basic knowledge of web development

Step-by-Step Guide

1Clone the openai-apps-sdk-examples repository
2Install dependencies using your preferred package manager
3Explore the src/ directory for widget examples
4Study the MCP server implementations
5Run the examples locally for testing
6Customize examples for your specific use case