Refcat
Login
Create a free accountCreate a free account
UI reference · Web

Creating an artifact in Claude

7 screens · Claude

Added to Refcat

Every screen in order

  1. Claude Creating an artifact screen 1 of 7 (Web): Application
  2. Claude Creating an artifact screen 2 of 7 (Web): Application
  3. Claude Creating an artifact screen 3 of 7 (Web): Application
  4. Claude Creating an artifact screen 4 of 7 (Web): Application
  5. Claude Creating an artifact screen 5 of 7 (Web): Application
  6. Claude Creating an artifact screen 6 of 7 (Web): Application
  7. Claude Creating an artifact screen 7 of 7 (Web): Application

Patterns

Browse & DiscoverChat DetailChat Bot

Components

tabcardlistmodal

Explore real product flows

Onboarding flow in Claude
Onboarding
Onboarding flow in Claude
Onboarding
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
Home
Canceling a plan flow in Claude
Canceling a plan

More UI examples

search UI examples
Explore the full catalog
Terms and conditionsPrivacyCookies