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

Icons

Lucide at stroke 1.75: 14 in menus, 16 in buttons, 18 in rail rows; four colours.

Light

Loading preview…

Dark

Loading preview…

Waper Design

Character, with consistency.

Explore Waper ↗
Sizes
14menu items, message actions
16buttons, round buttons, composer “+”
18rail rows
Stroke 1.75
1.75 (default) vs 2.25
Four levels
1
2
3
4

Secondary by default, primary on hover.

Common icons (hover one)

  • Search
  • Plus
  • X
  • ChevronDown
  • ChevronRight
  • MoreHorizontal
  • Pencil
  • Trash2
  • Copy
  • Check
  • Share
  • Undo2
  • RefreshCw
  • ExternalLink
  • Settings
  • Bell
  • Radar
  • Library
  • Plug
  • FileText
  • Folder
  • Paperclip
  • ArrowUp
  • Mic
  • Globe
  • Calendar
  • Clock
  • Pin
  • Sparkles
  • Info
  • TriangleAlert
  • CircleCheck
Sizes
14menu items, message actions
16buttons, round buttons, composer “+”
18rail rows
Stroke 1.75
1.75 (default) vs 2.25
Four levels
1
2
3
4

Secondary by default, primary on hover.

Common icons (hover one)

  • Search
  • Plus
  • X
  • ChevronDown
  • ChevronRight
  • MoreHorizontal
  • Pencil
  • Trash2
  • Copy
  • Check
  • Share
  • Undo2
  • RefreshCw
  • ExternalLink
  • Settings
  • Bell
  • Radar
  • Library
  • Plug
  • FileText
  • Folder
  • Paperclip
  • ArrowUp
  • Mic
  • Globe
  • Calendar
  • Clock
  • Pin
  • Sparkles
  • Info
  • TriangleAlert
  • CircleCheck