Skip to content
UI Kit
Accent color

AI assistants

Support chat for websites and voice assistants for calls.

2 components · 9 variants
Switch category

chat-widget

Chat widget

A support chat for websites. A launcher with a help home, a conversation with an AI note and quick replies, the handoff to a person with a queue, a lead form inside the chat and an AI answer embedded in a help page.

Props and details · Chat widget

Launcher and home

A round button in the corner with a short teaser. Opening shows a greeting, a question field, quick actions and popular articles, phones get a full sheet.

Open in Studio

Conversation

The open chat with a clear note that an AI answers, sources under answers, quick replies and a typing indicator. Enter sends.

Open in Studio

Handoff to a person

The bot hands over, the queue counts down as it scrolls into view, then the person joins with the chat so far. Email is offered instead of waiting.

Open in Studio

Lead form in chat

The bot asks for name and email inside the conversation, with consent and a link to the privacy policy. Errors say what to fix.

Open in Studio

Answer on the help page

Search that answers. An AI answer from the help articles sits right under the field, with a link to the article, a short check and the way to the team.

Open in Studio

voice-assistant

Voice assistant

Voice interfaces in four forms. A conversation around an orb that listens, thinks and speaks with live captions, the transcript of a call the assistant took with playback and summary, choosing a voice with samples, and push to talk with voice messages.

Props and details · Voice assistant

Voice conversation

A calm dark stage. The orb ripples while it listens, turns while it thinks and pulses while it speaks. Captions write along and can be switched off, microphone and end are one tap.

Open in Studio

Call transcript

A call the assistant took, with waveform with playback and seek, the transcript follows the audio and every line jumps to its moment. The result and what was agreed stand beside it.

Open in Studio

Choose a voice

Voices as a choice with character, languages and a sample sentence. The play button animates the waveform, speed and pitch fine-tune the chosen one.

Open in Studio

Push to talk

For hands that are busy. Hold the button or the space bar, release to send. Voice messages carry their length and text that can be shown or hidden.

Open in Studio

Similar components

More from App, the same area of the kit.

Often combined with

Sections that usually sit next to AI assistants on a page.

Often searched

Jump to

Copied to the clipboard