materialdesignweb

Material Design 3 (Material You) Web Components — standards‑focused and zero‑dependency.

Live demo: https://clshortfuse.github.io/materialdesignweb/ Samples: https://clshortfuse.github.io/materialdesignweb/samples/

Use the CDN (zero-install)

<script src="https://cdn.jsdelivr.net/npm/@shortfuse/materialdesignweb?color=6750A4"></script>
<mdw-button>Hello World</mdw-button>

CDN theming params: color, custom, lightness, resetCSS.

Access exports via globalThis['@shortfuse/materialdesignweb']:

const { CustomElement } = globalThis['@shortfuse/materialdesignweb'];

Import what you need (ESM)

npm install @shortfuse/materialdesignweb

Full bundle:

import '@shortfuse/materialdesignweb';

Single component:

import Button from '@shortfuse/materialdesignweb/components/Button.js';

Support

Compatibility is kept for as long possible by including browser-version-based patches. Ultimately, compatiblity may be dropped as new features get added. Bugs present in supported browsers should always be fixed.