@materialcomponents/core

Zero-dependency Material UI Web Components library.

Installation

npm install @materialcomponents/core

Usage

<script type="module">
  import '@materialcomponents/core';
</script>

<mc-theme-provider>
  <mc-button variant="contained">Hello World</mc-button>
</mc-theme-provider>

CDN

<script src="https://unpkg.com/@materialcomponents/core/dist/materialcomponents.min.js"></script>

With MUI Theme

import { createTheme } from '@mui/material/styles';

const theme = createTheme({
  palette: { primary: { main: '#e91e63' } }
});

document.querySelector('mc-theme-provider').theme = theme;