UI reference · Web

Inserting an emoji in X

5 screens · X

Added to Refcat Mar 29, 2026

Every screen in order

Patterns

Add & Create

Components

search barprogress indicatorinput

Explore real product flows

Onboarding flow in X

Onboarding flow in X

Home flow in X

Switching to latest Tweets flow in X

Switching to latest Tweets

Subscribing to a plan flow in X

Subscribing to a plan

Composing a Tweet flow in X

Composing a Tweet

Subscribing to Twitter Blue flow in X

Subscribing to Twitter Blue

Creating an ad campaign flow in X

Creating an ad campaign

Unlocking account flow in X

Unlocking account

Setting up profile

Hiding recommended Tweets flow in X

Hiding recommended Tweets

Adding media flow in X

More UI examples

search UI examples

Explore the full catalog

Terms and conditions Privacy Cookies