Nib UI
Get startedComponentsFoundations

Guides

  • Get started

Foundations

  • Color
  • Typography
  • Surfaces, elevation, radii
  • Motion
  • Icon text
  • Themes
  • Accessibility

Actions

  • Button

Inputs

  • Field
  • Input
  • Textarea
  • Select
  • Combobox
  • Checkbox
  • Radio
  • Switch
  • Choice row
  • Slider
  • Segmented control
  • Filter chip
  • Inline edit
  • Code input & display

Overlays

  • Menu
  • Context Menu
  • Popover
  • Dialog
  • Alert Dialog
  • Sheet
  • Command Palette

Navigation

  • Tabs
  • Accordion
  • Section nav
  • Resizable Panels
  • Page trail
  • Scroll Area
  • Separator

Feedback

  • Toast
  • Alert
  • Progress
  • Skeleton
  • Empty state

Data

  • Badge
  • Avatar
  • Card
  • Data table
  • Panel blocks

Code

  • Markdown
  • Code block
  • Diff view

Foundations

Surfaces, elevation, radii

Depth from a surface ladder and hairlines; shadows are reserved for what floats. Nested radii stay concentric.

Live example

Nib UI is the design system of Nib. Its code is open source under the MIT licence, and code samples on this site are under MIT-0.

© 2026 Wex Labs Limited. Nib™ and Nib UI™ are trade marks of Wex Labs Limited. Trade mark policy

ChangelogLicence