Package Exports
- @mui/material
- @mui/material/Accordion
- @mui/material/AccordionActions
- @mui/material/AccordionDetails
- @mui/material/AccordionSummary
- @mui/material/Alert
- @mui/material/AlertTitle
- @mui/material/AppBar
- @mui/material/Autocomplete
- @mui/material/Avatar
- @mui/material/AvatarGroup
- @mui/material/Backdrop
- @mui/material/Badge
- @mui/material/BottomNavigation
- @mui/material/BottomNavigationAction
- @mui/material/Box
- @mui/material/Breadcrumbs
- @mui/material/Button
- @mui/material/ButtonBase
- @mui/material/ButtonBase/TouchRipple
- @mui/material/ButtonGroup
- @mui/material/Card
- @mui/material/CardActionArea
- @mui/material/CardActions
- @mui/material/CardContent
- @mui/material/CardHeader
- @mui/material/CardMedia
- @mui/material/Checkbox
- @mui/material/Chip
- @mui/material/CircularProgress
- @mui/material/ClickAwayListener
- @mui/material/Collapse
- @mui/material/Container
- @mui/material/CssBaseline
- @mui/material/DefaultPropsProvider
- @mui/material/Dialog
- @mui/material/DialogActions
- @mui/material/DialogContent
- @mui/material/DialogContentText
- @mui/material/DialogTitle
- @mui/material/Divider
- @mui/material/Drawer
- @mui/material/Fab
- @mui/material/Fade
- @mui/material/FilledInput
- @mui/material/FormControl
- @mui/material/FormControlLabel
- @mui/material/FormGroup
- @mui/material/FormHelperText
- @mui/material/FormLabel
- @mui/material/GlobalStyles
- @mui/material/Grid
- @mui/material/GridLegacy
- @mui/material/Grow
- @mui/material/Icon
- @mui/material/IconButton
- @mui/material/ImageList
- @mui/material/ImageListItem
- @mui/material/ImageListItemBar
- @mui/material/InitColorSchemeScript
- @mui/material/Input
- @mui/material/InputAdornment
- @mui/material/InputBase
- @mui/material/InputLabel
- @mui/material/LinearProgress
- @mui/material/Link
- @mui/material/List
- @mui/material/ListItem
- @mui/material/ListItemAvatar
- @mui/material/ListItemButton
- @mui/material/ListItemIcon
- @mui/material/ListItemSecondaryAction
- @mui/material/ListItemText
- @mui/material/ListSubheader
- @mui/material/Menu
- @mui/material/MenuItem
- @mui/material/MenuList
- @mui/material/MobileStepper
- @mui/material/Modal
- @mui/material/NativeSelect
- @mui/material/NoSsr
- @mui/material/OutlinedInput
- @mui/material/OverridableComponent
- @mui/material/Pagination
- @mui/material/PaginationItem
- @mui/material/Paper
- @mui/material/PigmentContainer
- @mui/material/PigmentGrid
- @mui/material/PigmentStack
- @mui/material/Popover
- @mui/material/Popper
- @mui/material/Portal
- @mui/material/Radio
- @mui/material/RadioGroup
- @mui/material/Rating
- @mui/material/ScopedCssBaseline
- @mui/material/Select
- @mui/material/Skeleton
- @mui/material/Slide
- @mui/material/Slider
- @mui/material/Snackbar
- @mui/material/SnackbarContent
- @mui/material/SpeedDial
- @mui/material/SpeedDialAction
- @mui/material/SpeedDialIcon
- @mui/material/Stack
- @mui/material/Step
- @mui/material/StepButton
- @mui/material/StepConnector
- @mui/material/StepContent
- @mui/material/StepIcon
- @mui/material/StepLabel
- @mui/material/Stepper
- @mui/material/SvgIcon
- @mui/material/SwipeableDrawer
- @mui/material/Switch
- @mui/material/Tab
- @mui/material/TabScrollButton
- @mui/material/Table
- @mui/material/TableBody
- @mui/material/TableCell
- @mui/material/TableContainer
- @mui/material/TableFooter
- @mui/material/TableHead
- @mui/material/TablePagination
- @mui/material/TableRow
- @mui/material/TableSortLabel
- @mui/material/Tabs
- @mui/material/TextField
- @mui/material/TextareaAutosize
- @mui/material/ToggleButton
- @mui/material/ToggleButtonGroup
- @mui/material/Toolbar
- @mui/material/Tooltip
- @mui/material/Typography
- @mui/material/Unstable_TrapFocus
- @mui/material/Zoom
- @mui/material/className
- @mui/material/colors
- @mui/material/darkScrollbar
- @mui/material/esm
- @mui/material/esm/Accordion
- @mui/material/esm/AccordionActions
- @mui/material/esm/AccordionDetails
- @mui/material/esm/AccordionSummary
- @mui/material/esm/Alert
- @mui/material/esm/AlertTitle
- @mui/material/esm/AppBar
- @mui/material/esm/Autocomplete
- @mui/material/esm/Avatar
- @mui/material/esm/AvatarGroup
- @mui/material/esm/Backdrop
- @mui/material/esm/Badge
- @mui/material/esm/BottomNavigation
- @mui/material/esm/BottomNavigationAction
- @mui/material/esm/Box
- @mui/material/esm/Breadcrumbs
- @mui/material/esm/Button
- @mui/material/esm/ButtonBase
- @mui/material/esm/ButtonGroup
- @mui/material/esm/Card
- @mui/material/esm/CardActionArea
- @mui/material/esm/CardActions
- @mui/material/esm/CardContent
- @mui/material/esm/CardHeader
- @mui/material/esm/CardMedia
- @mui/material/esm/Checkbox
- @mui/material/esm/Chip
- @mui/material/esm/CircularProgress
- @mui/material/esm/ClickAwayListener
- @mui/material/esm/Collapse
- @mui/material/esm/Container
- @mui/material/esm/CssBaseline
- @mui/material/esm/DefaultPropsProvider
- @mui/material/esm/Dialog
- @mui/material/esm/DialogActions
- @mui/material/esm/DialogContent
- @mui/material/esm/DialogContentText
- @mui/material/esm/DialogTitle
- @mui/material/esm/Divider
- @mui/material/esm/Drawer
- @mui/material/esm/Fab
- @mui/material/esm/Fade
- @mui/material/esm/FilledInput
- @mui/material/esm/FormControl
- @mui/material/esm/FormControlLabel
- @mui/material/esm/FormGroup
- @mui/material/esm/FormHelperText
- @mui/material/esm/FormLabel
- @mui/material/esm/GlobalStyles
- @mui/material/esm/Grid
- @mui/material/esm/GridLegacy
- @mui/material/esm/Grow
- @mui/material/esm/Icon
- @mui/material/esm/IconButton
- @mui/material/esm/ImageList
- @mui/material/esm/ImageListItem
- @mui/material/esm/ImageListItemBar
- @mui/material/esm/InitColorSchemeScript
- @mui/material/esm/Input
- @mui/material/esm/InputAdornment
- @mui/material/esm/InputBase
- @mui/material/esm/InputLabel
- @mui/material/esm/LinearProgress
- @mui/material/esm/Link
- @mui/material/esm/List
- @mui/material/esm/ListItem
- @mui/material/esm/ListItemAvatar
- @mui/material/esm/ListItemButton
- @mui/material/esm/ListItemIcon
- @mui/material/esm/ListItemSecondaryAction
- @mui/material/esm/ListItemText
- @mui/material/esm/ListSubheader
- @mui/material/esm/Menu
- @mui/material/esm/MenuItem
- @mui/material/esm/MenuList
- @mui/material/esm/MobileStepper
- @mui/material/esm/Modal
- @mui/material/esm/NativeSelect
- @mui/material/esm/NoSsr
- @mui/material/esm/OutlinedInput
- @mui/material/esm/OverridableComponent
- @mui/material/esm/Pagination
- @mui/material/esm/PaginationItem
- @mui/material/esm/Paper
- @mui/material/esm/PigmentContainer
- @mui/material/esm/PigmentGrid
- @mui/material/esm/PigmentStack
- @mui/material/esm/Popover
- @mui/material/esm/Popper
- @mui/material/esm/Portal
- @mui/material/esm/Radio
- @mui/material/esm/RadioGroup
- @mui/material/esm/Rating
- @mui/material/esm/ScopedCssBaseline
- @mui/material/esm/Select
- @mui/material/esm/Skeleton
- @mui/material/esm/Slide
- @mui/material/esm/Slider
- @mui/material/esm/Snackbar
- @mui/material/esm/SnackbarContent
- @mui/material/esm/SpeedDial
- @mui/material/esm/SpeedDialAction
- @mui/material/esm/SpeedDialIcon
- @mui/material/esm/Stack
- @mui/material/esm/Step
- @mui/material/esm/StepButton
- @mui/material/esm/StepConnector
- @mui/material/esm/StepContent
- @mui/material/esm/StepIcon
- @mui/material/esm/StepLabel
- @mui/material/esm/Stepper
- @mui/material/esm/SvgIcon
- @mui/material/esm/SwipeableDrawer
- @mui/material/esm/Switch
- @mui/material/esm/Tab
- @mui/material/esm/TabScrollButton
- @mui/material/esm/Table
- @mui/material/esm/TableBody
- @mui/material/esm/TableCell
- @mui/material/esm/TableContainer
- @mui/material/esm/TableFooter
- @mui/material/esm/TableHead
- @mui/material/esm/TablePagination
- @mui/material/esm/TableRow
- @mui/material/esm/TableSortLabel
- @mui/material/esm/Tabs
- @mui/material/esm/TextField
- @mui/material/esm/TextareaAutosize
- @mui/material/esm/ToggleButton
- @mui/material/esm/ToggleButtonGroup
- @mui/material/esm/Toolbar
- @mui/material/esm/Tooltip
- @mui/material/esm/Typography
- @mui/material/esm/Unstable_TrapFocus
- @mui/material/esm/Zoom
- @mui/material/esm/className
- @mui/material/esm/colors
- @mui/material/esm/darkScrollbar
- @mui/material/esm/generateUtilityClass
- @mui/material/esm/generateUtilityClasses
- @mui/material/esm/locale
- @mui/material/esm/styles
- @mui/material/esm/themeCssVarsAugmentation
- @mui/material/esm/transitions
- @mui/material/esm/useAutocomplete
- @mui/material/esm/useLazyRipple
- @mui/material/esm/useMediaQuery
- @mui/material/esm/usePagination
- @mui/material/esm/useScrollTrigger
- @mui/material/esm/utils
- @mui/material/esm/version
- @mui/material/esm/zero-styled
- @mui/material/generateUtilityClass
- @mui/material/generateUtilityClasses
- @mui/material/locale
- @mui/material/modern
- @mui/material/modern/Accordion
- @mui/material/modern/AccordionActions
- @mui/material/modern/AccordionDetails
- @mui/material/modern/AccordionSummary
- @mui/material/modern/Alert
- @mui/material/modern/AlertTitle
- @mui/material/modern/AppBar
- @mui/material/modern/Autocomplete
- @mui/material/modern/Avatar
- @mui/material/modern/AvatarGroup
- @mui/material/modern/Backdrop
- @mui/material/modern/Badge
- @mui/material/modern/BottomNavigation
- @mui/material/modern/BottomNavigationAction
- @mui/material/modern/Box
- @mui/material/modern/Breadcrumbs
- @mui/material/modern/Button
- @mui/material/modern/ButtonBase
- @mui/material/modern/ButtonGroup
- @mui/material/modern/Card
- @mui/material/modern/CardActionArea
- @mui/material/modern/CardActions
- @mui/material/modern/CardContent
- @mui/material/modern/CardHeader
- @mui/material/modern/CardMedia
- @mui/material/modern/Checkbox
- @mui/material/modern/Chip
- @mui/material/modern/CircularProgress
- @mui/material/modern/ClickAwayListener
- @mui/material/modern/Collapse
- @mui/material/modern/Container
- @mui/material/modern/CssBaseline
- @mui/material/modern/DefaultPropsProvider
- @mui/material/modern/Dialog
- @mui/material/modern/DialogActions
- @mui/material/modern/DialogContent
- @mui/material/modern/DialogContentText
- @mui/material/modern/DialogTitle
- @mui/material/modern/Divider
- @mui/material/modern/Drawer
- @mui/material/modern/Fab
- @mui/material/modern/Fade
- @mui/material/modern/FilledInput
- @mui/material/modern/FormControl
- @mui/material/modern/FormControlLabel
- @mui/material/modern/FormGroup
- @mui/material/modern/FormHelperText
- @mui/material/modern/FormLabel
- @mui/material/modern/GlobalStyles
- @mui/material/modern/Grid
- @mui/material/modern/GridLegacy
- @mui/material/modern/Grow
- @mui/material/modern/Icon
- @mui/material/modern/IconButton
- @mui/material/modern/ImageList
- @mui/material/modern/ImageListItem
- @mui/material/modern/ImageListItemBar
- @mui/material/modern/InitColorSchemeScript
- @mui/material/modern/Input
- @mui/material/modern/InputAdornment
- @mui/material/modern/InputBase
- @mui/material/modern/InputLabel
- @mui/material/modern/LinearProgress
- @mui/material/modern/Link
- @mui/material/modern/List
- @mui/material/modern/ListItem
- @mui/material/modern/ListItemAvatar
- @mui/material/modern/ListItemButton
- @mui/material/modern/ListItemIcon
- @mui/material/modern/ListItemSecondaryAction
- @mui/material/modern/ListItemText
- @mui/material/modern/ListSubheader
- @mui/material/modern/Menu
- @mui/material/modern/MenuItem
- @mui/material/modern/MenuList
- @mui/material/modern/MobileStepper
- @mui/material/modern/Modal
- @mui/material/modern/NativeSelect
- @mui/material/modern/NoSsr
- @mui/material/modern/OutlinedInput
- @mui/material/modern/OverridableComponent
- @mui/material/modern/Pagination
- @mui/material/modern/PaginationItem
- @mui/material/modern/Paper
- @mui/material/modern/PigmentContainer
- @mui/material/modern/PigmentGrid
- @mui/material/modern/PigmentStack
- @mui/material/modern/Popover
- @mui/material/modern/Popper
- @mui/material/modern/Portal
- @mui/material/modern/Radio
- @mui/material/modern/RadioGroup
- @mui/material/modern/Rating
- @mui/material/modern/ScopedCssBaseline
- @mui/material/modern/Select
- @mui/material/modern/Skeleton
- @mui/material/modern/Slide
- @mui/material/modern/Slider
- @mui/material/modern/Snackbar
- @mui/material/modern/SnackbarContent
- @mui/material/modern/SpeedDial
- @mui/material/modern/SpeedDialAction
- @mui/material/modern/SpeedDialIcon
- @mui/material/modern/Stack
- @mui/material/modern/Step
- @mui/material/modern/StepButton
- @mui/material/modern/StepConnector
- @mui/material/modern/StepContent
- @mui/material/modern/StepIcon
- @mui/material/modern/StepLabel
- @mui/material/modern/Stepper
- @mui/material/modern/SvgIcon
- @mui/material/modern/SwipeableDrawer
- @mui/material/modern/Switch
- @mui/material/modern/Tab
- @mui/material/modern/TabScrollButton
- @mui/material/modern/Table
- @mui/material/modern/TableBody
- @mui/material/modern/TableCell
- @mui/material/modern/TableContainer
- @mui/material/modern/TableFooter
- @mui/material/modern/TableHead
- @mui/material/modern/TablePagination
- @mui/material/modern/TableRow
- @mui/material/modern/TableSortLabel
- @mui/material/modern/Tabs
- @mui/material/modern/TextField
- @mui/material/modern/TextareaAutosize
- @mui/material/modern/ToggleButton
- @mui/material/modern/ToggleButtonGroup
- @mui/material/modern/Toolbar
- @mui/material/modern/Tooltip
- @mui/material/modern/Typography
- @mui/material/modern/Unstable_TrapFocus
- @mui/material/modern/Zoom
- @mui/material/modern/className
- @mui/material/modern/colors
- @mui/material/modern/darkScrollbar
- @mui/material/modern/generateUtilityClass
- @mui/material/modern/generateUtilityClasses
- @mui/material/modern/locale
- @mui/material/modern/styles
- @mui/material/modern/themeCssVarsAugmentation
- @mui/material/modern/transitions
- @mui/material/modern/useAutocomplete
- @mui/material/modern/useLazyRipple
- @mui/material/modern/useMediaQuery
- @mui/material/modern/usePagination
- @mui/material/modern/useScrollTrigger
- @mui/material/modern/utils
- @mui/material/modern/version
- @mui/material/modern/zero-styled
- @mui/material/package.json
- @mui/material/styles
- @mui/material/themeCssVarsAugmentation
- @mui/material/transitions
- @mui/material/useAutocomplete
- @mui/material/useLazyRipple
- @mui/material/useMediaQuery
- @mui/material/usePagination
- @mui/material/useScrollTrigger
- @mui/material/utils
- @mui/material/version
- @mui/material/zero-styled
Readme
Material UI
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.
Installation
Install the package in your project directory with:
npm install @mui/material @emotion/react @emotion/styled
Documentation
Visit https://mui.com/material-ui/ to view the full documentation.
Questions
For how-to questions that don't involve making changes to the code base, please use Stack Overflow instead of GitHub issues. Use the "material-ui" tag on Stack Overflow to make it easier for the community to find your question.
Examples
Our documentation features a collection of example projects using Material UI.
Contributing
Read the contributing guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
Contributing to Material UI is about more than just issues and pull requests! There are many other ways to support Material UI beyond contributing to the code base.
Changelog
The changelog is regularly updated to reflect what's changed in each new release.
Roadmap
Future plans and high-priority features and enhancements can be found in the roadmap.
License
This project is licensed under the terms of the MIT license.
Security
For details of supported versions and contact details for reporting security issues, please refer to the security policy.