Getting Started
Add cute and modern Material Design components
in a few seconds
.
Aside
to provide access to destinations in your app
.
Button
to allow users to take actions, and make choices, with a single tap
.
Card
to display content and actions about a single subject
.
Checkbox
to allow users to select one or more item from a set
.
Checkboxes can turn an option on or off
.
Chips
to display compact elements that represent an input, attribute, or action
.
inPlan
Data Table
to display sets of data across rows and columns
.
inPlan
Dialog
to inform users about a task and can contain critical information, require decisions, or involve multiple tasks
.
Elevation
to display the relative distance between two surfaces along the z-axis
.
FAB
to display a floating action button (FAB) and represents the primary action of a screen
.
Form Field
to align checkboxes or radio buttons with its label and makes it RTL-aware
.
It also activates a ripple effect upon interacting with the label
.
Grid
to display responsive layout grid that adapts to screen size and orientation, ensuring consistency across layouts
.
inPlan
Header
to display information and actions relating to the current screen
.
Icon Button
to display a round button with a single icon in the center
.
Image List
to display a collection of images in an organized grid
.
inPlan
List
to display continuous, vertical indexes of text or images
.
Menu
to render a list of choices on temporary surfaces
.
Progress
to express an unspecified wait time or display the length of a process
.
inProgress
Radio Button
to allow users to select one option from a set
.
Ripple
to display user-initiated tap or click by a cursor, keyboard, or voice input method
.
Select
to render single-option select menus, using the Uni Menu element
.
inProgress
Slider
to allow users to make selections from a range of values
.
inPlan
Snackbar
to provide brief messages about app processes at the bottom of the screen
.
inPlan
Switch
to toggle the state of a single item on or off
.
Tab Bar
to organize content across different screens, data sets, and other interactions
.
Text Field
to allow users to enter and edit text into a UI
.
inProgress
Tooltip
to display informative text when users hover over, focus on, or tap an element
.
inPlan
