All Demos / AI AssistView / Generative UI

Smart Blazor AI AssistView Generative UI Example

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT
What are France's GDP growth trends?

GDP Growth and Economic Contribution Analysis

The chart visualizes how different economic sectors contribute to overall GDP performance.

The chart shows GDP growth trends from 2005 to 2015, including expansion, slowdown, and recovery phases. Growth was strong in the mid-2000s, dropped sharply during 2008–2009, and then gradually recovered. Overall, it reflects economic resilience with moderate fluctuations across the period.

What are Germany's GDP growth trends?

Germany's GDP growth trends have shown significant fluctuations over the years, influenced by various economic factors including global market conditions, domestic policies, and external shocks. Understanding these trends is crucial for analyzing the overall economic health of the country.

In recent years, Germany has faced challenges such as the COVID-19 pandemic, which caused a temporary contraction in GDP. However, recovery has been underway, with growth rates gradually improving as the economy rebounds. Monitoring these trends helps policymakers and investors make informed decisions.

What is the weather in NewYork now?

Current weather conditions provide essential information for planning daily activities and understanding environmental changes.

In New York, the weather can vary greatly depending on the season. It's important to stay updated on the latest conditions.

New York
Partly Cloudy
18°C
Humidity: 60%
Wind: 10 km/h
  • What is the weather in NewYork now?
  • Can you show smartphone sales by region in a table?

This example demonstrates the Syncfusion Blazor AI AssistView Generative UI, which renders rich, AI-generated tool responses directly in the chat.

The sample uses an AI AssistView with a custom ToolUIBlock template that dynamically renders interactive UI components from the structured JSON returned by the AI:

  • Map AI tool responses to fully interactive Syncfusion components rendered inline within the conversation.
  • Stream text and tool blocks together, allowing the AI to combine explanations with visual results in any order.
  • Render multiple tool blocks in a single response so the AI can present related views side by side.
  • Use prompt suggestions and a preloaded prompt to quickly explore the different tool response types.