Build with AI Components.

Connect the pieces into a working interface. Each guide includes a live example, the code and the steps to adapt it to your backend.

Build a streaming chat interface in React

Connect a prompt input to a streamed reply, keep draft and response state separate, and let people stop generation.

Connect a tool approval prompt to an activity log, with distinct allow, deny, running and completed states.

Connect a voice visualizer and a live transcript to shared session state, with controls for playback and audio level.

Keep citation references aligned with retrieved sources and give readers a direct way to inspect the evidence.

Connect an image-generation component to job progress, cancellation and retry without confusing a visual animation with a real job result.

Let people inspect and revise a plan, approve it, and follow the resulting work through a separate execution checklist.