Modus component library for web-based apps and workflows.
High-contrast library specific to apps used outdoors on handheld or in-cab devices.
UI patterns for designing Trimble experiences on Android devices.
Building blocks for designing Trimble products for mixed reality and virtual reality.
Components are the building blocks of the design system designed with users in mind.
The in-field, high-contrast library is specific to applications used outdoors.
The accordion element delivers large amounts of content in a small space through progressive disclosure.
Alarms tell the user of a critical system problem.
Badges are non-interactive labels which hold small amounts of information.
Buttons are interactive elements that trigger an action or an event.
Cards contain content and actions about a single subject.
Checkboxes are used for a list of options where the user may select multiple options, including all or none.
Chips represent small blocks of information and are commonly used for input or filtering.
Dropdowns present a list of options that can be used to filter or sort existing content.
Input fields collect information from users.
Lists are made of list items. A list can be used to display content related to a single subject.
Messages provide the user with contextual static information. They have a lower priority than a notification or prompt.
Modal dialogs interrupt workflows and require user interaction.
The navbar provides context through globally accessible menu options.
Notifications provide unobtrusive, short-lasting, contextual feedback to the user.
Progress indicators express an unspecified wait time or display the length of a process.
Prompts inform the user about a decision they need to make or a system event they need to know about.
Radio buttons are used when options are mutually exclusive.
Scrollbars indicates a user's location in a document that is larger than the viewing space.
A segmented control is a linear set of two or more segments, each of which functions as a button.
Sliders allow users to make selections from a range of values.
Spinners indicate progress by showing users a loading state
Switches are used to toggle functionality.
Tables display information in a grid-like format of rows and columns.
Tabs are used to quickly navigate between views within the same context.