UI reference · web

Starting a chat

4 screens · ChatGPT

Starting a chat UI from ChatGPT

Patterns

HomeEmpty StateChat DetailChat Bot

Components

tabbutton

Explore real product flows

Onboarding flow in ChatGPT

Starting a chat flow in ChatGPT

Starting a chat

Connecting to Figma flow in ChatGPT

Connecting to Figma

Connecting to GitHub flow in ChatGPT

Connecting to GitHub

Changing language flow in ChatGPT

Changing language

Generating deep research flow in ChatGPT

Generating deep research

Giving feedback flow in ChatGPT

Giving feedback

Uploading a file flow in ChatGPT

Uploading a file

Adding photos and files flow in ChatGPT

Adding photos and files

Generating thinking flow in ChatGPT

Generating thinking

Resetting password flow in ChatGPT

Resetting password

Generating shopping research flow in ChatGPT

Generating shopping research

Explore the full catalog

Terms and conditions Privacy Cookies