Preview on Figma

Buy

Foundation

Colors

Dark mode

Elevation

Icons

Material

Shapes

Typography

Components

Menu and actions

Button

Menu

Pull-down button

Toolbar

Selection and input

Checkbox

Stepper

Toggle

Toggle button

Slider

Segmented control

Date picker

Text field

Digt entry

Navigation and search

Tab bar

Search field

Side bar

Presentation

Page control

Alert

Sheet

Toast message

Status

Progress

Rating

Gauge

Content

Chart

Image view

Text view

Thumbnail

Layout and organization

Card

Collection

Disclosure control

Label

List and table

Separator

View menu

Menus and actions

Foundation defines the core building blocks of the design system.

Button

Triggers an action or event on user interaction.

Menu

Displays a list of selectable actions or options.

Pull-down button

Reveals a menu of related actions when clicked.

Toolbar

Holds quick-access actions and common controls.