ChatGPT Compose
A faithful ChatGPT compose stage with the collapsible rail, rounded prompt bar, and public chrome.
Where should we begin?
ChatGPT is AI. By using it, you agree to our Terms & Privacy Policy.
Interactive preview — type a prompt, open the model menu, and toggle tools. The stage follows your container width and theme.
About this stage
The ChatGPT compose is a copy-paste block, not a package component. Copy the file or install it with the shadcn CLI, then edit it like any other file in your project. It is assembled entirely from Agent UI primitives and owns draft text, model selection, and tool-toggle state through ComposeProvider, renders its layout inside ComposeShell, and uses the shared model menu and send control. That means the stage is not a screenshot: it is the same file the code tab shows, built from the same primitives you use in production.
Models in the stage
| Model | ID | Provider |
|---|---|---|
| GPT-5.2 | gpt-5-2 | OpenAI |
| GPT-5 mini | gpt-5-mini | OpenAI |
What is included
- Brand-accurate stage layout
- Working prompt composer
- Model menu with selection state
- Tool toggles and suggestion pills
- Keyboard and screen-reader support
- Responsive container queries