UI reference · web

Artifacts

4 screens · Claude

Artifacts UI from Claude

Patterns

Chat BotChat DetailEmpty StateHomeBrowse & Discover

Components

tablistbuttoninputphone_inputcard

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