Apps SDK UI

Use it when

• You are building a ChatGPT app with the Apps SDK and your hand-rolled components look inconsistent with the ChatGPT surface across light and dark mode
• You need accessible, Radix-based React components and design tokens preconfigured for Tailwind 4 so an embedded ChatGPT app ships with minimal UI boilerplate

What it solves

Not the fit when

• building standalone websites unrelated to the Apps SDK
• projects on React 17 or Tailwind 3, which are below the stated prerequisites
• backend logic of a ChatGPT app
• server-side MCP or tool-call logic
• general-purpose web design system outside ChatGPT apps
• non-React or non-Tailwind frontends
• app distribution or review process

Install

npm install @openai/apps-sdk-ui, then add @import "tailwindcss"; @import "@openai/apps-sdk-ui/css"; and @source "../node_modules/@openai/apps-sdk-ui"; to your global stylesheet (requires React 18 or 19 and Tailwind 4)

Invoke

import { Button } from "@openai/apps-sdk-ui/components/Button" and compose components with the provided Tailwind design tokens; optionally wrap the app in <AppsSDKUIProvider linkComponent={Link}> to set a router link component

Alternatives

No reviewed alternatives recorded yet.