Chat Design Patterns

40 chat screenshots from 21 SaaS products. Chat and messaging UI designs from real SaaS applications. Conversation threads, message bubbles, and real-time interfaces.

AssemblyAI in-app Agent chat with starter prompts and canvas

AssemblyAI

Artificial Intelligence

Causal Chat screen with real SaaS Analytics UI patterns - SaaSUI design example

Causal

Analytics

chat gpt screenshot 6

ChatGPT

Chat Bot

chat gpt screenshot 7

ChatGPT

Chat Bot

chat gpt screenshot 8

ChatGPT

Chat Bot

chat gpt screenshot 9

ChatGPT

Chat Bot

chat gpt screenshot 10

ChatGPT

Chat Bot

chat gpt screenshot 17

ChatGPT

Chat Bot

chat gpt screenshot 19

ChatGPT

Chat Bot

chat gpt screenshot 25

ChatGPT

Chat Bot

Claude conversation with a clarifying question card

Claude

Artificial Intelligence

Clickup Chat screen with real SaaS Collaboration UI patterns - SaaSUI design example

Clickup

Collaboration

Drift Chat screen with real SaaS Marketing Automation UI patterns - SaaSUI design example

Drift

Marketing Automation

Freshdesk Chat screen with real SaaS Customer Support UI patterns - SaaSUI design example

Freshdesk

Customer Support

Freshdesk Chat screen with real SaaS Customer Support UI patterns - SaaSUI design example

Freshdesk

Customer Support

Manus completed task showing an Orbit onboarding document preview, download action, success status, rating, and follow-up suggestions.

Manus

Artificial Intelligence

Microsoft Teams Chat screen with real SaaS Video Communications UI patterns - SaaSUI design example

Microsoft Teams

Video Communications

Microsoft Teams Chat screen with real SaaS Video Communications UI patterns - SaaSUI design example

Microsoft Teams

Video Communications

Microsoft Teams Chat screen with real SaaS Video Communications UI patterns - SaaSUI design example

Microsoft Teams

Video Communications

Outplay Chat screen with real SaaS Sales Tracking Software UI patterns - SaaSUI design example

Outplay

Sales Tracking Software

perplexity ai screenshot 16

Perplexity.ai

Artificial Intelligence

perplexity ai screenshot 17

Perplexity.ai

Artificial Intelligence

Runway Agent chat empty state

Runway

Artificial Intelligence

Sessions Chat screen with real SaaS Video Communications UI patterns - SaaSUI design example

Sessions

Video Communications

Slack Chat screen with real SaaS Communication UI patterns - SaaSUI design example

Slack

Communication

Slack Chat screen with real SaaS Communication UI patterns - SaaSUI design example

Slack

Communication

Slack Chat screen with real SaaS Communication UI patterns - SaaSUI design example

Slack

Communication

Slite Chat screen with real SaaS Document Management UI patterns - SaaSUI design example

Slite

Document Management

Slite Chat screen with real SaaS Document Management UI patterns - SaaSUI design example

Slite

Document Management

Tettra Chat screen with real SaaS Document Management UI patterns - SaaSUI design example

Tettra

Document Management

Tettra Chat screen with real SaaS Document Management UI patterns - SaaSUI design example

Tettra

Document Management

Vowel Chat screen with real SaaS Communication UI patterns - SaaSUI design example

Vowel

Communication

Whereby Chat screen with real SaaS Video Communications UI patterns - SaaSUI design example

Whereby

Video Communications

Whereby Chat screen with real SaaS Video Communications UI patterns - SaaSUI design example

Whereby

Video Communications

Zendesk Chat screen with real SaaS Customer Support UI patterns - SaaSUI design example

Zendesk

Customer Support

Zendesk Chat screen with real SaaS Customer Support UI patterns - SaaSUI design example

Zendesk

Customer Support

crisp Chat screen with real SaaS Communications UI patterns - SaaSUI design example

crisp

Communications

crisp Chat screen with real SaaS Communications UI patterns - SaaSUI design example

crisp

Communications

v0 chat showing agent thinking and file exploration steps while the preview waits

v0

Artificial Intelligence

v0 chat with agent-captured screenshots next to the live dashboard preview

v0

Artificial Intelligence

← All UI Patterns|SaaS Design Guide|Explore SaaS UI Patterns