Glowup
Reference
Components
89 Material You components. Every card is the real component at its default props — open one for the live demo, the variants and the generated API reference.
󰍉
󰆧
Foundations
10
The quick brown fox
Typography
2 props
OR
Divider
6 props
Elevated surface content
Paper
5 props
This is a card content
Card
5 props
Line 4
Scheduled maintenance
CardTitle
7 props
Line 4
Scheduled maintenance
Next service: 12 March
CardContent
2 props
Line 4
Scheduled maintenance
CardCover
5 props
Line 4
Confirm the service call
CardActions
3 props
󰄀
Icon
6 props
Hover or press this surface
TouchableRipple
6 props
󰳾
Actions
12
Button
19 props
ProgressButton
23 props
IconButton
11 props
Chip
11 props
ChipGroup
10 props
FAB
9 props
New ticket
AnimatedFAB
12 props
New Doc
Upload
Folder
SpeedDial
4 props
ToggleButton
11 props
ToggleButtonGroup
10 props
ButtonGroup
10 props
SplitButton
9 props
󰘎
Inputs
22
User Name
Input
17 props
Country
󰈽
Italy
󰍝
Select
15 props
Checkbox
8 props
RadioButton
7 props
Choose one
RadioGroup
8 props
Toggle
7 props
Volume
40
Slider
12 props
Loading...
Spinner
7 props
󰍉
SearchBar
9 props
Country
Autocomplete
20 props
Verification code
Paste the whole code into any cell
PinInput
15 props
Notifications
We only email about incidents.
FormControl
8 props
DateTimePicker
28 props
DatePicker
27 props
DatePickerInput
25 props
DateRangePicker
26 props
TimePicker
26 props
Calendar
21 props
ClockPicker
11 props
12
01
02
03
04
05
06
07
08
09
10
11
00
13
14
15
16
17
18
19
20
21
22
23
ClockDial
11 props
Rating
5 props
Maximum 8 characters
HelperText
8 props
󱇙
Data Display
14
Avatar
9 props
5
Badge
6 props
󰗠
Active
StatusBadge
3 props
Name
Value
Item 1
Val 1
Item 2
Val 2
DataGrid
13 props
Name
Role
City
Ada Lovelace
Analyst
London
Grace Hopper
Engineer
New York
Katherine Johnson
Mathematician
Hampton
Table
2 props
ListItem
7 props

Notifications

Email digest
Weekly
Mentions
Instant
ListSection
4 props

Preferences

ListSubheader
2 props
Tooltip
10 props
Accordion
6 props
Slide 1
Slide 2
Slide 3
Carousel
6 props
󰄖
Monthly revenue
128,400
󰁝
12.5%
vs. last month
Stat
9 props
Image
14 props
Material Design 3
󰏌
Link
14 props
󰨄
Feedback
15
Snackbar
7 props
Banner
7 props
Modal
14 props
ConfirmDialog
10 props
Popover
5 props
BottomSheet
7 props
SideSheet
12 props
Menu
5 props
Skeleton
7 props
CircularProgress
8 props
LinearProgress
8 props
󱉴
No items yet
Items you add will show up here.
EmptyState
4 props
useToast() queues toasts from anywhere in the tree — no `visible` state to thread through the screen.
Toast
3 demos
Collapse
8 props
The panel below is 64px tall with overflow: hidden. The portalled content is drawn at the host, so the clip does not reach it.
Clipping parent
Portal
1 props
󰆌
Navigation
10

Orders

TopAppBar
10 props
NavigationBar
4 props
NavigationRail
9 props
NavigationDrawer
9 props
Toolbar
9 props
Tabs
3 props
Tab 0 content
TabContent
3 props
Breadcrumbs
3 props
Pagination
6 props
Cart
Shipping
Payment
Review
Stepper
4 props
󰨝
Layout
6
primary
secondary
tertiary
error
Box
26 props
primary
secondary
tertiary
error
Stack
3 props
primary
secondary
tertiary
error
Grid
3 props
ratio 1.78
AspectRatio
1 props
Centred on both axes
Center
24 props
Before
After
Spacer
2 props