UI reference · Web

Starting a quest in Discord

5 screens · Discord

Added to Refcat Oct 11, 2026

Every screen in order

Patterns

ProgressVideo PlayerAchievements & Awards

Components

progress indicator

Explore real product flows

Onboarding flow in Discord

Canceling a subscription flow in Discord

Canceling a subscription

Subcribing to Nitro flow in Discord

Subcribing to Nitro

Switching account flow in Discord

Switching account

Starting a conversation flow in Discord

Starting a conversation

Filtering forum flow in Discord

Filtering forum

Creating a community onboarding flow in Discord

Creating a community onboarding

Boosting a server flow in Discord

Boosting a server

Changing username flow in Discord

Changing username

Sending files flow in Discord

Friends flow in Discord

Inviting friends flow in Discord

Inviting friends

More UI examples

search UI examples

Explore the full catalog

Terms and conditions Privacy Cookies