# Agentic UI

The UI components the agent renders and drives, plus end-to-end use cases you can copy from.

Agentic UI is how the agent operates your interface: the components it renders and drives inside the conversation, plus worked end-to-end use cases you can adapt.

## Interaction modalities

Users interact with the agent in more than one way, and an action can respond in whichever fits the moment — or a combination:

- **Text** — the default chat conversation.
- **Voice** — spoken interaction; configure it in [Voice](/user-guides/voice/).
- **Visual** — interactive UI components (Chatterblocks) rendered in the chat; see [UI components in chat](/guides/in-chat-ui/).
- **Combination** — mix them, for example a spoken request that returns a visual component to act on.

## Agentic UI components

The building blocks the agent renders and drives inside your product.

  
  

### Shared State examples

  
  
  
  

## Use cases

End-to-end walkthroughs that put the pieces together.

  
  

:::tip
Want to start from a prompt instead of a pattern? See [Vibe coding](/guides/vibe-coding/).
:::