Skip to content

UI Design System

A UI Design System in Nuiitivet defines the look, behavior, and structure of an application as a consistent whole. Nuiitivet currently provides Material Design 3 Expressive as its built-in implementation.

Components

Every UI Design System consists of five components:

Component Role
App Application entry point and lifecycle manager
Overlay Layer management: modal, modeless and light_dismiss
Navigator Navigation and routing management
Theme Visual configuration
Widgets Design-specific implementations of UI elements (buttons, textfields, checkboxes, etc.)

Material Design 3 Expressive

import nuiitivet.material