JSPM

@mui/material

7.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 5827527
  • Score
    100M100P100Q207125F
  • License MIT

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.

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 logo

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.