xAILive-verified stagegrok-compose
Grok Compose
Grok's stark monochrome stage with the Fast / Expert / Heavy model picker.
grok.com
Interactive preview — type a prompt, open the model menu, and toggle tools. The stage follows your container width and theme.
About this stage
The Grok 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 |
|---|---|---|
| Fast | fast | xAI |
| Expert | expert | xAI |
| Heavy | heavy | xAI |
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