Gemini Compose
The Gemini capsule composer with the greeting hero, gradient bloom, and pill-shaped prompt field.
Happy Diwali!
Google Terms and the Google Privacy Policy apply. Gemini is AI and can make mistakes.
Interactive preview — type a prompt, open the model menu, and toggle tools. The stage follows your container width and theme.
About this stage
The Gemini 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 |
|---|---|---|
| Flash-Lite | flash-lite | |
| Pro | pro | |
| Ultra | ultra |
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