Skip to content
WaperDesign
BrandComponents
中文
Component directory

Foundations

ColourTypeSpacing and sizesRadiusShadow and bordersMotionIconsFocus

Components

ButtonsBadgesInputs and text areasSearch fieldSelectSwitch, checkbox, radioSegmented control and tabsFilter chipsAvatarsProgress, skeletons and spinnersNoticesEmpty statesCardsList rowsPage and section headersKey–valueBreadcrumbs and backTableKey hints and the wordmark

Overlays

Menus and submenusContext menuPopover, tooltip and an open selectDialog and confirmDrawersToasts and loading → done

WAPER / UI

Avatars

Eight sizes: 13, 16, 22, 24, 36, 44, 60, 96. Stacks overlap by 6 with a ring in the background colour.

Light

Loading preview…

Dark

Loading preview…

Waper Design

Character, with consistency.

Explore Waper ↗
Sizes
LW13
LW16
LW22
LW24
LW36
LW44
LW60
LW96
Stack, max 4
LMAJ+3
Small stack
LMA+2
On another surface
LMA
Sizes
LW13
LW16
LW22
LW24
LW36
LW44
LW60
LW96
Stack, max 4
LMAJ+3
Small stack
LMA+2
On another surface
LMA