Screens

Explore real screens by pattern, element, or state.

Elements › Pickers

Color swatch UI examples

Colour choices shown as swatches, a spectrum or numeric values.

Canva: Chat options

Notion: Document editor

Document editor

Daylio: Color theme

Miro: Board canvas

Miro

Picsart: Collage editor

TickTick: Dark mode settings

Dark mode settings

VSCO: Canvas editor

VSCO

Wallet: Savings goal form

Savings goal form

AJIO

Product details

Google Play Books

Reading display options

Product details

Project color selection

ZARA
Filter and sort
Daylio
Mood palette setup
Nykaa
Shade selection
TickTick
Theme picker
Wallet
New account form
TickTick
Theme settings
VSCO
Shape editor

Sign up free to save examples and open more flows