Browse all components

Suggestions that match your input

Run actions such as save and submit

Group related buttons together

Select multiple items at once

Upload files by dropping or browsing

Enter a single line of text

Enter numbers and adjust values

Label inputs and mark required fields

Choose one item from several options

Select from a predefined option list

Drag a handle to adjust a value

Turn settings on and off

Enter longer, multiline content

Select items from a hierarchical list

Choose color, brightness, and saturation

Select dates, times, and ranges

Show the current location and parent paths

Top bar with a logo and primary navigation

Side menu with groups and nested items

Navigate lists by page number

Show progress through a multi-step task

Switch views within one area

User images and initials

Counts and status indicators on icons

Content cards with a cover, body, and actions

Read code with syntax highlighting and line numbers

Click a heading to expand content

Pictograms that communicate actions and meaning

Navigate document pages and adjust zoom

Data trends in a compact area

Data organized in rows and columns

Text labels that categorize items

A hierarchy of folders and items

Key notifications fixed at the top of the view

Show completion as a circular indicator

Explain why no data is available

Feedback beside its related input or action

Show task completion as a bar

Placeholders for loading content

Loading indicators for tasks with unknown progress

Brief notifications of task results

Panels that open from the screen edge

Action lists that expand below a trigger

Commands organized into groups and nested menus

Dialogs that cover the background and request a response

Movable, resizable windows that preserve the background

Confirmation popups before an action

Rich supporting information beside a trigger

Short explanations on hover

Horizontal and vertical content dividers

Arrange elements with direction, spacing, and alignment

Compose headers, sidebars, content, and footers

Drag dividers to resize panels