Example of gemini-clone-functional in React AI AssistView

All Controls
/
Ai-assistview
/
Gemini Clone

This sample demonstrates a Gemini-inspired AI AssistView with voice input, file attachments, and a model selector for interactive assistant experiences.

More Details...

Loading....
Description

This sample demonstrates a branded Gemini-inspired chat interface with voice input and model selection.

  • Minimal header-less chat layout for distraction-free conversations using showHeader.
  • Custom bannerTemplate displaying branded Gemini messaging.
  • Simulated AI response handling using the promptRequest callback.
  • File attachment support via attachmentSettings with configurable save and remove endpoints.
  • Footer toolbar customization with attachment actions and a model selector via footerToolbarSettings.
  • Speech-to-text input for hands-free interaction.
  • Dynamic button toggling using promptChanged to show/hide send and audio buttons.
  • Dropdown-based AI model switching (Fast, Thinking, Pro).

This example serves as a foundation for integrating real LLM services and building branded conversational interfaces with modular UI controls.