Interactive demo

Copied to clipboard

Playground

Shape a chat experience and see every change in real time.

Layout

Component

Color

Color scheme

Accent

Tint grayscale

Custom surfaces

Typography

Font family

Font family

Font size

Font size

Style

Radius

Radius

Density

Density

Conversation

Chat header

Subject

Conversation subject

Greeting

Start screen greeting

Starter prompts

Composer

Placeholder

Message placeholder

Attachments

Voice notes

Spellcheck

Enter sends message

Loading playground...