Skip to main content

AgUiBackendToolRenderingExample

Agent Runtimes

Agent Runtimes / examples / AgUiBackendToolRenderingExample

Variable: AgUiBackendToolRenderingExample

const AgUiBackendToolRenderingExample: React.FC

Defined in: examples/AgUiBackendToolRenderingExample.tsx:71

AgUiBackendToolRenderingExample Component

Demonstrates backend tool rendering with AG-UI. The agent has a get_weather tool that calls the Open-Meteo API and returns weather data. This data is rendered INLINE in the chat as a beautiful weather card with dynamic theming.

Features demonstrated:

  • Backend tool execution
  • Real API integration (Open-Meteo)
  • INLINE rendering of tool results in chat
  • Dynamic theming based on weather conditions
  • Loading states while fetching data