forty accessible components, theming tokens, and first-class TypeScript — everything you need to ship polished apps.
Nimbus UI is a cross-platform component library with a unified design language. Every component ships with keyboard support, dark-mode tokens, and copy-paste examples so you can go from idea to production in an afternoon.
5 of 40 · tap a component for full docs
Showing 5 of 40 components ·
v3.2 · updated last week
Buttons let people trigger actions with a single tap. Use them for form submits, dialogs, and any primary task — pick a visual style that matches the action's weight.
Reserve the primary style for the single most important action on a screen — there should be only one per view. Secondary buttons pair with a primary for alternative actions, and ghost buttons work best inside toolbars and cards where chrome should stay minimal. Always write labels as verbs: “Save changes”, not “Save?”.
ExamplesButton("Save changes", style: .primary) { viewModel.save() }
button using title as the accessible name.
Enter, Space, and switch control; focus ring meets 3:1 contrast.
44×44pt is enforced on all styles, including ghost.