• Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

This sample demonstrates an Overview UI that integrates streaming responses, generative UI responses, thinking workflow visualization, file attachments, speech-to-text input, text-to-speech playback and regenerate controls.

DEMO
SOURCE

The Overview sample composes multiple features from other samples into a single, reusable layout:

  • Generative UI for rendering structured AI responses including text, and tools in a conversational layout.
  • Thinking blocks to visualize AI workflow stages such as searching, processing, analyzing, and summarizing in real time.
  • Streaming responses rendered in real time using addPromptResponse.
  • File attachments via the built-in attachment settings.
  • Speech-to-text voice input using the browser SpeechRecognition wrapper.
  • Text-to-speech playback using the audio controls and synthetic speech.
  • Regenerate control to retry AI responses for a selected prompt.
Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab