Claude Compose
Claude's warm parchment stage, serif greeting, and research/thinking composer controls.
What can I help with?
Your thinking partner for big ambitions
Claude can make mistakes. Check important info.
By chatting, you agree to Anthropic's Terms and 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 Claude 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 |
|---|---|---|
| Claude Sonnet 4.5 | claude-sonnet-4-5 | Anthropic |
| Claude Opus 4.1 | claude-opus-4-1 | Anthropic |
| Claude Haiku 4.5 | claude-haiku-4-5 | Anthropic |
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