UI reference · iOS

Adding a GIF in Discord

5 screens · Discord

Added to Refcat Oct 11, 2026

Every screen in order

Patterns

Add & Create

Components

buttoninputlistsearch bar

Explore real product flows

Onboarding flow in Discord

Subscribing to Nitro flow in Discord

Subscribing to Nitro

Sending a new message flow in Discord

Sending a new message

Logging in flow in Discord

Home flow in Discord

Setting up a server flow in Discord

Setting up a server

Joining an existing server flow in Discord

Joining an existing server

Sending a voice message flow in Discord

Sending a voice message

Editing profile

Getting started flow in Discord

Getting started

Creating a group flow in Discord

Creating a group

Creating a server flow in Discord

Creating a server

More UI examples

search UI examples

Explore the full catalog

Terms and conditions Privacy Cookies