Nib UI
The components Nib is made of.
42 component families for React 19 and Tailwind CSS 4, in two themes, Paper and Graphite. The examples on these pages are the ones the kit is checked against.
Paper
Notifications
Choose what reaches you, and how.
Mondays at 9:00
Storage used
Saved
Graphite
Notifications
Choose what reaches you, and how.
Mondays at 9:00
Storage used
Saved
Ink, and one accent
Actions are ink. The accent marks focus, selected text and progress, and almost nothing else.
Motion that settles
Controls answer within 120 ms and settle within 200 ms. Reduced motion is respected throughout.
Keyboard first
Every example is checked with axe and a keyboard walk, in both themes, before a release.
Any language
Numbers, money and plurals format through Intl, truncation counts graphemes, and layouts mirror right to left.