JSPM

@mui/material

6.2.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 5827527
  • Score
    100M100P100Q207176F
  • 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/Accordion/Accordion.js
  • @mui/material/Accordion/index.js
  • @mui/material/AccordionActions
  • @mui/material/AccordionActions/AccordionActions.js
  • @mui/material/AccordionActions/index.js
  • @mui/material/AccordionDetails
  • @mui/material/AccordionDetails/AccordionDetails.js
  • @mui/material/AccordionDetails/index.js
  • @mui/material/AccordionSummary
  • @mui/material/AccordionSummary/AccordionSummary.js
  • @mui/material/AccordionSummary/index.js
  • @mui/material/Alert
  • @mui/material/Alert/Alert
  • @mui/material/Alert/Alert.js
  • @mui/material/Alert/index.js
  • @mui/material/AlertTitle
  • @mui/material/AlertTitle/AlertTitle.js
  • @mui/material/AlertTitle/index.js
  • @mui/material/AppBar
  • @mui/material/AppBar/AppBar.js
  • @mui/material/AppBar/index.js
  • @mui/material/Autocomplete
  • @mui/material/Autocomplete/Autocomplete.js
  • @mui/material/Autocomplete/autocompleteClasses
  • @mui/material/Autocomplete/autocompleteClasses.js
  • @mui/material/Autocomplete/index.js
  • @mui/material/Avatar
  • @mui/material/Avatar/Avatar.js
  • @mui/material/Avatar/index.js
  • @mui/material/AvatarGroup
  • @mui/material/AvatarGroup/index.js
  • @mui/material/Backdrop
  • @mui/material/Backdrop/Backdrop.js
  • @mui/material/Backdrop/index.js
  • @mui/material/Badge
  • @mui/material/Badge/Badge
  • @mui/material/Badge/Badge.js
  • @mui/material/Badge/index.js
  • @mui/material/BottomNavigation
  • @mui/material/BottomNavigation/BottomNavigation.js
  • @mui/material/BottomNavigation/index.js
  • @mui/material/BottomNavigationAction
  • @mui/material/BottomNavigationAction/index.js
  • @mui/material/Box
  • @mui/material/Box/Box
  • @mui/material/Box/Box.js
  • @mui/material/Box/index.js
  • @mui/material/Breadcrumbs
  • @mui/material/Breadcrumbs/Breadcrumbs.js
  • @mui/material/Breadcrumbs/index.js
  • @mui/material/Button
  • @mui/material/Button/Button
  • @mui/material/Button/Button.js
  • @mui/material/Button/buttonClasses
  • @mui/material/Button/buttonClasses.js
  • @mui/material/Button/index
  • @mui/material/Button/index.js
  • @mui/material/ButtonBase
  • @mui/material/ButtonBase/ButtonBase.js
  • @mui/material/ButtonBase/TouchRipple
  • @mui/material/ButtonBase/TouchRipple.js
  • @mui/material/ButtonBase/index
  • @mui/material/ButtonBase/index.js
  • @mui/material/ButtonBase/touchRippleClasses
  • @mui/material/ButtonBase/touchRippleClasses.js
  • @mui/material/ButtonGroup
  • @mui/material/ButtonGroup/ButtonGroup.js
  • @mui/material/ButtonGroup/index.js
  • @mui/material/Card
  • @mui/material/Card/Card
  • @mui/material/Card/Card.js
  • @mui/material/Card/index.js
  • @mui/material/CardActionArea
  • @mui/material/CardActionArea/index.js
  • @mui/material/CardActions
  • @mui/material/CardActions/CardActions.js
  • @mui/material/CardActions/index.js
  • @mui/material/CardContent
  • @mui/material/CardContent/CardContent
  • @mui/material/CardContent/CardContent.js
  • @mui/material/CardContent/index.js
  • @mui/material/CardHeader
  • @mui/material/CardHeader/CardHeader
  • @mui/material/CardHeader/CardHeader.js
  • @mui/material/CardHeader/index.js
  • @mui/material/CardMedia
  • @mui/material/CardMedia/CardMedia.js
  • @mui/material/CardMedia/index.js
  • @mui/material/Checkbox
  • @mui/material/Checkbox/Checkbox
  • @mui/material/Checkbox/Checkbox.js
  • @mui/material/Checkbox/index.js
  • @mui/material/Chip
  • @mui/material/Chip/Chip
  • @mui/material/Chip/Chip.js
  • @mui/material/Chip/index.js
  • @mui/material/CircularProgress
  • @mui/material/CircularProgress/CircularProgress
  • @mui/material/CircularProgress/CircularProgress.js
  • @mui/material/CircularProgress/circularProgressClasses.js
  • @mui/material/CircularProgress/index.js
  • @mui/material/ClickAwayListener
  • @mui/material/ClickAwayListener/index.js
  • @mui/material/Collapse
  • @mui/material/Collapse/Collapse
  • @mui/material/Collapse/Collapse.js
  • @mui/material/Collapse/index.js
  • @mui/material/Container
  • @mui/material/Container/Container.js
  • @mui/material/Container/index.js
  • @mui/material/CssBaseline
  • @mui/material/CssBaseline/CssBaseline.js
  • @mui/material/CssBaseline/index.js
  • @mui/material/DefaultPropsProvider
  • @mui/material/DefaultPropsProvider/index.js
  • @mui/material/Dialog
  • @mui/material/Dialog/Dialog
  • @mui/material/Dialog/Dialog.js
  • @mui/material/Dialog/dialogClasses
  • @mui/material/Dialog/dialogClasses.js
  • @mui/material/Dialog/index.js
  • @mui/material/DialogActions
  • @mui/material/DialogActions/DialogActions
  • @mui/material/DialogActions/DialogActions.js
  • @mui/material/DialogActions/index.js
  • @mui/material/DialogContent
  • @mui/material/DialogContent/DialogContent
  • @mui/material/DialogContent/DialogContent.js
  • @mui/material/DialogContent/index.js
  • @mui/material/DialogContentText
  • @mui/material/DialogContentText/DialogContentText
  • @mui/material/DialogContentText/DialogContentText.js
  • @mui/material/DialogContentText/index.js
  • @mui/material/DialogTitle
  • @mui/material/DialogTitle/DialogTitle
  • @mui/material/DialogTitle/DialogTitle.js
  • @mui/material/DialogTitle/index.js
  • @mui/material/Divider
  • @mui/material/Divider/Divider
  • @mui/material/Divider/Divider.js
  • @mui/material/Divider/index.js
  • @mui/material/Drawer
  • @mui/material/Drawer/Drawer.js
  • @mui/material/Drawer/drawerClasses.js
  • @mui/material/Drawer/index.js
  • @mui/material/Fab
  • @mui/material/Fab/Fab
  • @mui/material/Fab/Fab.js
  • @mui/material/Fab/index.js
  • @mui/material/Fade
  • @mui/material/Fade/Fade.js
  • @mui/material/Fade/index.js
  • @mui/material/FilledInput
  • @mui/material/FilledInput/FilledInput
  • @mui/material/FilledInput/FilledInput.js
  • @mui/material/FilledInput/filledInputClasses
  • @mui/material/FilledInput/filledInputClasses.js
  • @mui/material/FilledInput/index.js
  • @mui/material/FormControl
  • @mui/material/FormControl/FormControl.js
  • @mui/material/FormControl/FormControlContext
  • @mui/material/FormControl/FormControlContext.js
  • @mui/material/FormControl/index.js
  • @mui/material/FormControl/useFormControl
  • @mui/material/FormControl/useFormControl.js
  • @mui/material/FormControlLabel
  • @mui/material/FormControlLabel/FormControlLabel
  • @mui/material/FormControlLabel/FormControlLabel.js
  • @mui/material/FormControlLabel/index.js
  • @mui/material/FormGroup
  • @mui/material/FormGroup/FormGroup.js
  • @mui/material/FormGroup/index.js
  • @mui/material/FormHelperText
  • @mui/material/FormHelperText/FormHelperText
  • @mui/material/FormHelperText/FormHelperText.js
  • @mui/material/FormHelperText/index.js
  • @mui/material/FormLabel
  • @mui/material/FormLabel/FormLabel
  • @mui/material/FormLabel/FormLabel.js
  • @mui/material/FormLabel/index.js
  • @mui/material/GlobalStyles
  • @mui/material/GlobalStyles/index.js
  • @mui/material/Grid
  • @mui/material/Grid/Grid
  • @mui/material/Grid/Grid.js
  • @mui/material/Grid/index.js
  • @mui/material/Grid2
  • @mui/material/Grid2/Grid2
  • @mui/material/Grid2/Grid2.js
  • @mui/material/Grid2/index.js
  • @mui/material/Grow
  • @mui/material/Grow/Grow.js
  • @mui/material/Grow/index.js
  • @mui/material/Hidden
  • @mui/material/Hidden/Hidden.js
  • @mui/material/Hidden/index.js
  • @mui/material/Icon
  • @mui/material/Icon/Icon
  • @mui/material/Icon/Icon.js
  • @mui/material/Icon/index.js
  • @mui/material/IconButton
  • @mui/material/IconButton/IconButton
  • @mui/material/IconButton/IconButton.js
  • @mui/material/IconButton/index.js
  • @mui/material/ImageList
  • @mui/material/ImageList/ImageList
  • @mui/material/ImageList/ImageList.js
  • @mui/material/ImageList/index.js
  • @mui/material/ImageListItem
  • @mui/material/ImageListItem/index.js
  • @mui/material/ImageListItemBar
  • @mui/material/ImageListItemBar/index.js
  • @mui/material/InitColorSchemeScript
  • @mui/material/InitColorSchemeScript/index.js
  • @mui/material/Input
  • @mui/material/Input/Input
  • @mui/material/Input/Input.js
  • @mui/material/Input/index.js
  • @mui/material/Input/inputClasses
  • @mui/material/Input/inputClasses.js
  • @mui/material/InputAdornment
  • @mui/material/InputAdornment/InputAdornment
  • @mui/material/InputAdornment/InputAdornment.js
  • @mui/material/InputAdornment/index.js
  • @mui/material/InputBase
  • @mui/material/InputBase/InputBase
  • @mui/material/InputBase/InputBase.js
  • @mui/material/InputBase/index.js
  • @mui/material/InputLabel
  • @mui/material/InputLabel/InputLabel
  • @mui/material/InputLabel/InputLabel.js
  • @mui/material/InputLabel/index.js
  • @mui/material/LinearProgress
  • @mui/material/LinearProgress/LinearProgress.js
  • @mui/material/LinearProgress/index.js
  • @mui/material/Link
  • @mui/material/Link/Link
  • @mui/material/Link/Link.js
  • @mui/material/Link/getTextDecoration
  • @mui/material/Link/getTextDecoration.js
  • @mui/material/Link/index.js
  • @mui/material/Link/linkClasses
  • @mui/material/Link/linkClasses.js
  • @mui/material/List
  • @mui/material/List/List
  • @mui/material/List/List.js
  • @mui/material/List/ListContext
  • @mui/material/List/ListContext.js
  • @mui/material/List/index.js
  • @mui/material/ListItem
  • @mui/material/ListItem/ListItem
  • @mui/material/ListItem/ListItem.js
  • @mui/material/ListItem/index.js
  • @mui/material/ListItemAvatar
  • @mui/material/ListItemAvatar/ListItemAvatar.js
  • @mui/material/ListItemAvatar/index.js
  • @mui/material/ListItemButton
  • @mui/material/ListItemButton/ListItemButton.js
  • @mui/material/ListItemButton/index.js
  • @mui/material/ListItemIcon
  • @mui/material/ListItemIcon/ListItemIcon
  • @mui/material/ListItemIcon/ListItemIcon.js
  • @mui/material/ListItemIcon/index.js
  • @mui/material/ListItemSecondaryAction
  • @mui/material/ListItemSecondaryAction/ListItemSecondaryAction.js
  • @mui/material/ListItemSecondaryAction/index.js
  • @mui/material/ListItemText
  • @mui/material/ListItemText/ListItemText.js
  • @mui/material/ListItemText/index.js
  • @mui/material/ListSubheader
  • @mui/material/ListSubheader/ListSubheader.js
  • @mui/material/ListSubheader/index.js
  • @mui/material/Menu
  • @mui/material/Menu/Menu
  • @mui/material/Menu/Menu.js
  • @mui/material/Menu/index.js
  • @mui/material/Menu/menuClasses
  • @mui/material/Menu/menuClasses.js
  • @mui/material/MenuItem
  • @mui/material/MenuItem/MenuItem
  • @mui/material/MenuItem/MenuItem.js
  • @mui/material/MenuItem/index.js
  • @mui/material/MenuList
  • @mui/material/MenuList/MenuList.js
  • @mui/material/MenuList/index.js
  • @mui/material/MobileStepper
  • @mui/material/MobileStepper/MobileStepper.js
  • @mui/material/MobileStepper/index.js
  • @mui/material/Modal
  • @mui/material/Modal/Modal.js
  • @mui/material/Modal/index.js
  • @mui/material/NativeSelect
  • @mui/material/NativeSelect/NativeSelect.js
  • @mui/material/NativeSelect/NativeSelectInput
  • @mui/material/NativeSelect/NativeSelectInput.js
  • @mui/material/NativeSelect/index.js
  • @mui/material/NoSsr
  • @mui/material/NoSsr/index.js
  • @mui/material/OutlinedInput
  • @mui/material/OutlinedInput/NotchedOutline
  • @mui/material/OutlinedInput/NotchedOutline.js
  • @mui/material/OutlinedInput/OutlinedInput.js
  • @mui/material/OutlinedInput/index.js
  • @mui/material/OutlinedInput/outlinedInputClasses
  • @mui/material/OutlinedInput/outlinedInputClasses.js
  • @mui/material/Pagination
  • @mui/material/Pagination/Pagination.js
  • @mui/material/Pagination/index.js
  • @mui/material/PaginationItem
  • @mui/material/PaginationItem/PaginationItem.js
  • @mui/material/PaginationItem/index.js
  • @mui/material/Paper
  • @mui/material/Paper/Paper
  • @mui/material/Paper/Paper.js
  • @mui/material/Paper/index.js
  • @mui/material/Popover
  • @mui/material/Popover/Popover
  • @mui/material/Popover/Popover.js
  • @mui/material/Popover/index.js
  • @mui/material/Popper
  • @mui/material/Popper/BasePopper
  • @mui/material/Popper/BasePopper.js
  • @mui/material/Popper/Popper.js
  • @mui/material/Popper/index.js
  • @mui/material/Portal
  • @mui/material/Portal/index.js
  • @mui/material/Radio
  • @mui/material/Radio/Radio
  • @mui/material/Radio/Radio.js
  • @mui/material/Radio/index.js
  • @mui/material/RadioGroup
  • @mui/material/RadioGroup/RadioGroup.js
  • @mui/material/RadioGroup/index.js
  • @mui/material/Rating
  • @mui/material/Rating/index.js
  • @mui/material/ScopedCssBaseline
  • @mui/material/ScopedCssBaseline/index.js
  • @mui/material/ScopedCssBaseline/scopedCssBaselineClasses
  • @mui/material/ScopedCssBaseline/scopedCssBaselineClasses.js
  • @mui/material/Select
  • @mui/material/Select/Select
  • @mui/material/Select/Select.js
  • @mui/material/Select/SelectInput
  • @mui/material/Select/SelectInput.js
  • @mui/material/Select/index.js
  • @mui/material/Skeleton
  • @mui/material/Skeleton/Skeleton.js
  • @mui/material/Skeleton/index.js
  • @mui/material/Slide
  • @mui/material/Slide/Slide.js
  • @mui/material/Slide/index.js
  • @mui/material/Slider
  • @mui/material/Slider/Slider.js
  • @mui/material/Slider/index.js
  • @mui/material/Snackbar
  • @mui/material/Snackbar/Snackbar
  • @mui/material/Snackbar/Snackbar.js
  • @mui/material/Snackbar/index.js
  • @mui/material/Snackbar/snackbarClasses
  • @mui/material/Snackbar/snackbarClasses.js
  • @mui/material/SnackbarContent
  • @mui/material/SnackbarContent/SnackbarContent.js
  • @mui/material/SnackbarContent/index.js
  • @mui/material/SpeedDial
  • @mui/material/SpeedDial/index.js
  • @mui/material/SpeedDialAction
  • @mui/material/SpeedDialAction/index.js
  • @mui/material/SpeedDialIcon
  • @mui/material/SpeedDialIcon/index.js
  • @mui/material/Stack
  • @mui/material/Stack/Stack
  • @mui/material/Stack/Stack.js
  • @mui/material/Stack/index.js
  • @mui/material/Step
  • @mui/material/Step/Step.js
  • @mui/material/Step/index.js
  • @mui/material/StepButton
  • @mui/material/StepButton/StepButton.js
  • @mui/material/StepButton/index.js
  • @mui/material/StepConnector
  • @mui/material/StepConnector/StepConnector
  • @mui/material/StepConnector/StepConnector.js
  • @mui/material/StepConnector/index.js
  • @mui/material/StepContent
  • @mui/material/StepContent/StepContent.js
  • @mui/material/StepContent/index.js
  • @mui/material/StepIcon
  • @mui/material/StepIcon/StepIcon.js
  • @mui/material/StepIcon/index.js
  • @mui/material/StepLabel
  • @mui/material/StepLabel/StepLabel.js
  • @mui/material/StepLabel/index.js
  • @mui/material/Stepper
  • @mui/material/Stepper/Stepper.js
  • @mui/material/Stepper/StepperContext
  • @mui/material/Stepper/StepperContext.js
  • @mui/material/Stepper/index.js
  • @mui/material/Stepper/stepperClasses
  • @mui/material/Stepper/stepperClasses.js
  • @mui/material/StyledEngineProvider
  • @mui/material/StyledEngineProvider/index.js
  • @mui/material/SvgIcon
  • @mui/material/SvgIcon/SvgIcon
  • @mui/material/SvgIcon/SvgIcon.js
  • @mui/material/SvgIcon/index.js
  • @mui/material/SvgIcon/svgIconClasses
  • @mui/material/SvgIcon/svgIconClasses.js
  • @mui/material/SwipeableDrawer
  • @mui/material/SwipeableDrawer/SwipeableDrawer.js
  • @mui/material/SwipeableDrawer/index.js
  • @mui/material/Switch
  • @mui/material/Switch/Switch
  • @mui/material/Switch/Switch.js
  • @mui/material/Switch/index.js
  • @mui/material/Tab
  • @mui/material/Tab/Tab.js
  • @mui/material/Tab/index.js
  • @mui/material/Tab/tabClasses.js
  • @mui/material/TabScrollButton
  • @mui/material/TabScrollButton/index.js
  • @mui/material/Table
  • @mui/material/Table/Table
  • @mui/material/Table/Table.js
  • @mui/material/Table/index.js
  • @mui/material/TableBody
  • @mui/material/TableBody/TableBody.js
  • @mui/material/TableBody/index.js
  • @mui/material/TableCell
  • @mui/material/TableCell/TableCell
  • @mui/material/TableCell/TableCell.js
  • @mui/material/TableCell/index.js
  • @mui/material/TableContainer
  • @mui/material/TableContainer/TableContainer.js
  • @mui/material/TableContainer/index.js
  • @mui/material/TableFooter
  • @mui/material/TableFooter/TableFooter.js
  • @mui/material/TableFooter/index.js
  • @mui/material/TableHead
  • @mui/material/TableHead/TableHead.js
  • @mui/material/TableHead/index.js
  • @mui/material/TablePagination
  • @mui/material/TablePagination/TablePagination.js
  • @mui/material/TablePagination/TablePaginationActions
  • @mui/material/TablePagination/TablePaginationActions.js
  • @mui/material/TablePagination/index.js
  • @mui/material/TableRow
  • @mui/material/TableRow/TableRow.js
  • @mui/material/TableRow/index.js
  • @mui/material/TableSortLabel
  • @mui/material/TableSortLabel/TableSortLabel
  • @mui/material/TableSortLabel/TableSortLabel.js
  • @mui/material/TableSortLabel/index.js
  • @mui/material/Tabs
  • @mui/material/Tabs/Tabs.js
  • @mui/material/Tabs/index.js
  • @mui/material/TextField
  • @mui/material/TextField/TextField
  • @mui/material/TextField/TextField.js
  • @mui/material/TextField/index.js
  • @mui/material/TextareaAutosize
  • @mui/material/TextareaAutosize/index.js
  • @mui/material/ToggleButton
  • @mui/material/ToggleButton/ToggleButton
  • @mui/material/ToggleButton/ToggleButton.js
  • @mui/material/ToggleButton/index.js
  • @mui/material/ToggleButtonGroup
  • @mui/material/ToggleButtonGroup/ToggleButtonGroup.js
  • @mui/material/ToggleButtonGroup/index.js
  • @mui/material/Toolbar
  • @mui/material/Toolbar/Toolbar.js
  • @mui/material/Toolbar/index.js
  • @mui/material/Tooltip
  • @mui/material/Tooltip/Tooltip
  • @mui/material/Tooltip/Tooltip.js
  • @mui/material/Tooltip/index.js
  • @mui/material/Tooltip/tooltipClasses.js
  • @mui/material/Typography
  • @mui/material/Typography/Typography
  • @mui/material/Typography/Typography.js
  • @mui/material/Typography/index
  • @mui/material/Typography/index.js
  • @mui/material/Unstable_TrapFocus
  • @mui/material/Unstable_TrapFocus/FocusTrap
  • @mui/material/Unstable_TrapFocus/FocusTrap.js
  • @mui/material/Unstable_TrapFocus/index.js
  • @mui/material/Zoom
  • @mui/material/Zoom/Zoom.js
  • @mui/material/Zoom/index.js
  • @mui/material/className
  • @mui/material/className/index.js
  • @mui/material/colors
  • @mui/material/colors/amber
  • @mui/material/colors/amber.js
  • @mui/material/colors/blue
  • @mui/material/colors/blue.js
  • @mui/material/colors/blueGrey
  • @mui/material/colors/blueGrey.js
  • @mui/material/colors/common
  • @mui/material/colors/common.js
  • @mui/material/colors/deepOrange
  • @mui/material/colors/deepOrange.js
  • @mui/material/colors/green
  • @mui/material/colors/green.js
  • @mui/material/colors/grey
  • @mui/material/colors/grey.js
  • @mui/material/colors/index.js
  • @mui/material/colors/indigo
  • @mui/material/colors/indigo.js
  • @mui/material/colors/lightBlue
  • @mui/material/colors/lightBlue.js
  • @mui/material/colors/lightGreen
  • @mui/material/colors/lightGreen.js
  • @mui/material/colors/orange
  • @mui/material/colors/orange.js
  • @mui/material/colors/pink
  • @mui/material/colors/pink.js
  • @mui/material/colors/purple
  • @mui/material/colors/purple.js
  • @mui/material/colors/red
  • @mui/material/colors/red.js
  • @mui/material/colors/teal
  • @mui/material/colors/teal.js
  • @mui/material/colors/yellow
  • @mui/material/colors/yellow.js
  • @mui/material/darkScrollbar
  • @mui/material/darkScrollbar/index.js
  • @mui/material/generateUtilityClass
  • @mui/material/generateUtilityClass/index.js
  • @mui/material/generateUtilityClasses
  • @mui/material/generateUtilityClasses/index.js
  • @mui/material/index
  • @mui/material/index.js
  • @mui/material/internal/SwitchBase
  • @mui/material/internal/SwitchBase.js
  • @mui/material/internal/animate
  • @mui/material/internal/animate.js
  • @mui/material/internal/svg-icons/FirstPage
  • @mui/material/internal/svg-icons/FirstPage.js
  • @mui/material/internal/svg-icons/KeyboardArrowLeft
  • @mui/material/internal/svg-icons/KeyboardArrowLeft.js
  • @mui/material/internal/svg-icons/KeyboardArrowRight
  • @mui/material/internal/svg-icons/KeyboardArrowRight.js
  • @mui/material/internal/svg-icons/LastPage
  • @mui/material/internal/svg-icons/LastPage.js
  • @mui/material/locale
  • @mui/material/locale/index.js
  • @mui/material/node/Accordion/index.js
  • @mui/material/node/AccordionActions/index.js
  • @mui/material/node/AccordionDetails/index.js
  • @mui/material/node/AccordionSummary/index.js
  • @mui/material/node/Alert
  • @mui/material/node/Alert/Alert
  • @mui/material/node/Alert/Alert.js
  • @mui/material/node/Alert/index.js
  • @mui/material/node/AlertTitle
  • @mui/material/node/AlertTitle/index.js
  • @mui/material/node/AppBar
  • @mui/material/node/AppBar/index.js
  • @mui/material/node/Autocomplete
  • @mui/material/node/Autocomplete/index.js
  • @mui/material/node/Avatar/Avatar
  • @mui/material/node/Avatar/Avatar.js
  • @mui/material/node/Avatar/index.js
  • @mui/material/node/AvatarGroup/index.js
  • @mui/material/node/Backdrop/index.js
  • @mui/material/node/Badge
  • @mui/material/node/Badge/index.js
  • @mui/material/node/BottomNavigation/index.js
  • @mui/material/node/BottomNavigationAction/index.js
  • @mui/material/node/Box
  • @mui/material/node/Box/Box
  • @mui/material/node/Box/Box.js
  • @mui/material/node/Box/index.js
  • @mui/material/node/Breadcrumbs/index.js
  • @mui/material/node/Button
  • @mui/material/node/Button/Button
  • @mui/material/node/Button/Button.js
  • @mui/material/node/Button/index.js
  • @mui/material/node/ButtonBase/index.js
  • @mui/material/node/ButtonGroup/index.js
  • @mui/material/node/Card
  • @mui/material/node/Card/Card
  • @mui/material/node/Card/Card.js
  • @mui/material/node/Card/index.js
  • @mui/material/node/CardActionArea/index.js
  • @mui/material/node/CardActions/CardActions
  • @mui/material/node/CardActions/CardActions.js
  • @mui/material/node/CardActions/index.js
  • @mui/material/node/CardContent
  • @mui/material/node/CardContent/CardContent
  • @mui/material/node/CardContent/CardContent.js
  • @mui/material/node/CardContent/index.js
  • @mui/material/node/CardHeader
  • @mui/material/node/CardHeader/index.js
  • @mui/material/node/CardMedia/CardMedia
  • @mui/material/node/CardMedia/CardMedia.js
  • @mui/material/node/CardMedia/index.js
  • @mui/material/node/Checkbox
  • @mui/material/node/Checkbox/index.js
  • @mui/material/node/Chip/index.js
  • @mui/material/node/CircularProgress
  • @mui/material/node/CircularProgress/index.js
  • @mui/material/node/ClickAwayListener/index.js
  • @mui/material/node/Collapse/index.js
  • @mui/material/node/Container/index.js
  • @mui/material/node/CssBaseline/index.js
  • @mui/material/node/DefaultPropsProvider/index.js
  • @mui/material/node/Dialog/index.js
  • @mui/material/node/DialogActions/index.js
  • @mui/material/node/DialogContent/index.js
  • @mui/material/node/DialogContentText/index.js
  • @mui/material/node/DialogTitle/index.js
  • @mui/material/node/Divider
  • @mui/material/node/Divider/index.js
  • @mui/material/node/Drawer/index.js
  • @mui/material/node/Fab/index.js
  • @mui/material/node/Fade/index.js
  • @mui/material/node/FilledInput/index.js
  • @mui/material/node/FormControl
  • @mui/material/node/FormControl/index.js
  • @mui/material/node/FormControlLabel
  • @mui/material/node/FormControlLabel/index.js
  • @mui/material/node/FormGroup
  • @mui/material/node/FormGroup/index.js
  • @mui/material/node/FormHelperText
  • @mui/material/node/FormHelperText/index.js
  • @mui/material/node/FormLabel
  • @mui/material/node/FormLabel/index.js
  • @mui/material/node/GlobalStyles/index.js
  • @mui/material/node/Grid
  • @mui/material/node/Grid/index.js
  • @mui/material/node/Grid2/index.js
  • @mui/material/node/Grow/index.js
  • @mui/material/node/Hidden/index.js
  • @mui/material/node/Icon/index.js
  • @mui/material/node/IconButton
  • @mui/material/node/IconButton/IconButton
  • @mui/material/node/IconButton/IconButton.js
  • @mui/material/node/IconButton/index.js
  • @mui/material/node/ImageList/index.js
  • @mui/material/node/ImageListItem/index.js
  • @mui/material/node/ImageListItemBar/index.js
  • @mui/material/node/InitColorSchemeScript/index.js
  • @mui/material/node/Input/Input
  • @mui/material/node/Input/Input.js
  • @mui/material/node/Input/index.js
  • @mui/material/node/InputAdornment/index.js
  • @mui/material/node/InputBase
  • @mui/material/node/InputBase/index.js
  • @mui/material/node/InputLabel/index.js
  • @mui/material/node/LinearProgress/index.js
  • @mui/material/node/Link/index.js
  • @mui/material/node/List
  • @mui/material/node/List/index.js
  • @mui/material/node/ListItem
  • @mui/material/node/ListItem/index.js
  • @mui/material/node/ListItemAvatar/index.js
  • @mui/material/node/ListItemButton/index.js
  • @mui/material/node/ListItemIcon
  • @mui/material/node/ListItemIcon/index.js
  • @mui/material/node/ListItemSecondaryAction
  • @mui/material/node/ListItemSecondaryAction/index.js
  • @mui/material/node/ListItemText
  • @mui/material/node/ListItemText/index.js
  • @mui/material/node/ListSubheader/index.js
  • @mui/material/node/Menu/Menu
  • @mui/material/node/Menu/Menu.js
  • @mui/material/node/Menu/index.js
  • @mui/material/node/MenuItem
  • @mui/material/node/MenuItem/MenuItem
  • @mui/material/node/MenuItem/MenuItem.js
  • @mui/material/node/MenuItem/index.js
  • @mui/material/node/MenuList/index.js
  • @mui/material/node/MobileStepper/index.js
  • @mui/material/node/Modal/index.js
  • @mui/material/node/NativeSelect/index.js
  • @mui/material/node/NoSsr
  • @mui/material/node/NoSsr/index.js
  • @mui/material/node/OutlinedInput/index.js
  • @mui/material/node/Pagination/index.js
  • @mui/material/node/PaginationItem/index.js
  • @mui/material/node/Paper
  • @mui/material/node/Paper/index.js
  • @mui/material/node/Popover/index.js
  • @mui/material/node/Popper/index.js
  • @mui/material/node/Portal/index.js
  • @mui/material/node/Radio
  • @mui/material/node/Radio/index.js
  • @mui/material/node/RadioGroup/index.js
  • @mui/material/node/Rating/index.js
  • @mui/material/node/ScopedCssBaseline/index.js
  • @mui/material/node/Select/index.js
  • @mui/material/node/Skeleton/index.js
  • @mui/material/node/Slide/index.js
  • @mui/material/node/Slider
  • @mui/material/node/Slider/index.js
  • @mui/material/node/Snackbar/index.js
  • @mui/material/node/SnackbarContent/index.js
  • @mui/material/node/SpeedDial/SpeedDial
  • @mui/material/node/SpeedDial/SpeedDial.js
  • @mui/material/node/SpeedDial/index.js
  • @mui/material/node/SpeedDialAction/index.js
  • @mui/material/node/SpeedDialIcon/SpeedDialIcon
  • @mui/material/node/SpeedDialIcon/SpeedDialIcon.js
  • @mui/material/node/SpeedDialIcon/index.js
  • @mui/material/node/Stack/Stack
  • @mui/material/node/Stack/Stack.js
  • @mui/material/node/Stack/index.js
  • @mui/material/node/Step
  • @mui/material/node/Step/index.js
  • @mui/material/node/StepButton/index.js
  • @mui/material/node/StepConnector/index.js
  • @mui/material/node/StepContent/index.js
  • @mui/material/node/StepIcon/index.js
  • @mui/material/node/StepLabel
  • @mui/material/node/StepLabel/index.js
  • @mui/material/node/Stepper
  • @mui/material/node/Stepper/index.js
  • @mui/material/node/StyledEngineProvider/index.js
  • @mui/material/node/SvgIcon
  • @mui/material/node/SvgIcon/index.js
  • @mui/material/node/SwipeableDrawer/index.js
  • @mui/material/node/Switch
  • @mui/material/node/Switch/index.js
  • @mui/material/node/Tab
  • @mui/material/node/Tab/index.js
  • @mui/material/node/TabScrollButton/index.js
  • @mui/material/node/Table/index.js
  • @mui/material/node/TableBody/index.js
  • @mui/material/node/TableCell/index.js
  • @mui/material/node/TableContainer/index.js
  • @mui/material/node/TableFooter/index.js
  • @mui/material/node/TableHead/index.js
  • @mui/material/node/TablePagination/index.js
  • @mui/material/node/TableRow/index.js
  • @mui/material/node/TableSortLabel/index.js
  • @mui/material/node/Tabs
  • @mui/material/node/Tabs/index.js
  • @mui/material/node/TextField
  • @mui/material/node/TextField/TextField
  • @mui/material/node/TextField/TextField.js
  • @mui/material/node/TextField/index.js
  • @mui/material/node/TextareaAutosize/index.js
  • @mui/material/node/ToggleButton/index.js
  • @mui/material/node/ToggleButtonGroup/index.js
  • @mui/material/node/Toolbar
  • @mui/material/node/Toolbar/index.js
  • @mui/material/node/Tooltip/Tooltip
  • @mui/material/node/Tooltip/Tooltip.js
  • @mui/material/node/Tooltip/index.js
  • @mui/material/node/Typography
  • @mui/material/node/Typography/Typography
  • @mui/material/node/Typography/Typography.js
  • @mui/material/node/Typography/index.js
  • @mui/material/node/Unstable_TrapFocus/index.js
  • @mui/material/node/Zoom/index.js
  • @mui/material/node/className/index.js
  • @mui/material/node/colors/index.js
  • @mui/material/node/darkScrollbar/index.js
  • @mui/material/node/generateUtilityClass/index.js
  • @mui/material/node/generateUtilityClasses/index.js
  • @mui/material/node/index.js
  • @mui/material/node/locale/index.js
  • @mui/material/node/styles
  • @mui/material/node/styles/ThemeProvider
  • @mui/material/node/styles/ThemeProvider.js
  • @mui/material/node/styles/createTheme
  • @mui/material/node/styles/createTheme.js
  • @mui/material/node/styles/index.js
  • @mui/material/node/transitions/index.js
  • @mui/material/node/useAutocomplete/index.js
  • @mui/material/node/useMediaQuery/index.js
  • @mui/material/node/usePagination/index.js
  • @mui/material/node/useScrollTrigger/index.js
  • @mui/material/node/utils/index.js
  • @mui/material/node/zero-styled/index.js
  • @mui/material/package.json
  • @mui/material/styles
  • @mui/material/styles/ThemeProvider
  • @mui/material/styles/ThemeProvider.js
  • @mui/material/styles/adaptV4Theme
  • @mui/material/styles/adaptV4Theme.js
  • @mui/material/styles/createMixins
  • @mui/material/styles/createMixins.js
  • @mui/material/styles/createPalette
  • @mui/material/styles/createPalette.js
  • @mui/material/styles/createStyles
  • @mui/material/styles/createStyles.js
  • @mui/material/styles/createTheme
  • @mui/material/styles/createTheme.js
  • @mui/material/styles/createTransitions
  • @mui/material/styles/createTransitions.js
  • @mui/material/styles/createTypography
  • @mui/material/styles/createTypography.js
  • @mui/material/styles/cssUtils
  • @mui/material/styles/cssUtils.js
  • @mui/material/styles/defaultTheme
  • @mui/material/styles/defaultTheme.js
  • @mui/material/styles/experimental_extendTheme
  • @mui/material/styles/experimental_extendTheme.js
  • @mui/material/styles/index.js
  • @mui/material/styles/makeStyles
  • @mui/material/styles/makeStyles.js
  • @mui/material/styles/responsiveFontSizes
  • @mui/material/styles/responsiveFontSizes.js
  • @mui/material/styles/shadows
  • @mui/material/styles/shadows.js
  • @mui/material/styles/styled
  • @mui/material/styles/styled.js
  • @mui/material/styles/useTheme
  • @mui/material/styles/useTheme.js
  • @mui/material/styles/useThemeProps
  • @mui/material/styles/useThemeProps.js
  • @mui/material/styles/withStyles
  • @mui/material/styles/withStyles.js
  • @mui/material/styles/withTheme
  • @mui/material/styles/withTheme.js
  • @mui/material/styles/zIndex
  • @mui/material/styles/zIndex.js
  • @mui/material/transitions
  • @mui/material/transitions/index.js
  • @mui/material/useAutocomplete
  • @mui/material/useAutocomplete/index.js
  • @mui/material/useMediaQuery
  • @mui/material/useMediaQuery/index.js
  • @mui/material/usePagination
  • @mui/material/usePagination/index.js
  • @mui/material/useScrollTrigger
  • @mui/material/useScrollTrigger/index.js
  • @mui/material/useScrollTrigger/useScrollTrigger
  • @mui/material/useScrollTrigger/useScrollTrigger.js
  • @mui/material/utils
  • @mui/material/utils/capitalize
  • @mui/material/utils/capitalize.js
  • @mui/material/utils/createSvgIcon
  • @mui/material/utils/createSvgIcon.js
  • @mui/material/utils/debounce
  • @mui/material/utils/debounce.js
  • @mui/material/utils/index.js
  • @mui/material/utils/useEnhancedEffect
  • @mui/material/utils/useEnhancedEffect.js
  • @mui/material/utils/useId
  • @mui/material/utils/useId.js
  • @mui/material/zero-styled
  • @mui/material/zero-styled/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@mui/material) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

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.