UI reference · web

Creating a prototype

12 screens · Claude

Creating a prototype UI from Claude

Patterns

Add & CreateChat DetailEmpty StateChat BotCanvasDraw & AnnotateQuizMulti-Column Layout

Components

button

Explore real product flows

Onboarding flow in Claude

Onboarding flow in Claude

Subscribing to a plan flow in Claude

Subscribing to a plan

Subscribing to a plan flow in Claude

Subscribing to a plan

Filtering and sorting connectors flow in Claude

Filtering and sorting connectors

Chatting with Claude flow in Claude

Chatting with Claude

Starting a chat with AI flow in Claude

Starting a chat with AI

Pausing a subscription flow in Claude

Pausing a subscription

Connecting to Slack flow in Claude

Connecting to Slack

Canceling a subscription flow in Claude

Canceling a subscription

Home flow in Claude

Canceling a plan flow in Claude

Canceling a plan

Explore the full catalog

Terms and conditions Privacy Cookies