material-web

Material Web is a library of web components maintained under the material-components organization. Its stated purpose is to help build beautiful and accessible web applications, and it implements Material 3, the latest version of Google's open-source design system. What it provides - A collection of custom elements (prefixed md-) that can be used in plain HTML, such as md-checkbox, md-radio, md-outlined-text-field, md-outlined-button and md-icon-button. - A shared "all.js" entry point that imports the full component set, plus individual component modules for more selective loading. - Typography support through a typescale styles module (md-typescale-styles.js), which exposes an adoptable stylesheet that can be pushed into document.adoptedStyleSheets. Utility classes such as md-typescale-display-medium and md-typescale-body-medium map to the Material typescale. The README shows a buildless quick-start example that loads the library from a CDN via an import map and a module script, alongside the Roboto webfont from Google Fonts. A separate quick-start guide in the docs covers installing and building for production. Documentation and resources - docs/intro.md - introduction - docs/roadmap.md - roadmap - docs/components/ - per-component documentation - docs/size.md - bundle size information - docs/support.md - browser support and FAQ - docs/quick-start.md - installation and production build guidance Project status - The README states explicitly that MWC (Material Web Components) is in maintenance mode pending new maintainers, and links to a GitHub discussion. Anyone evaluating it for a long-term project should account for that. - For Angular users, the README recommends the Angular Material components instead. Distribution and licensing context - Published on npm as @material/web, with version and download statistics shown via badges, and also reachable through CDN services such as esm.run and jsDelivr. - Continuous integration test status is exposed through a GitHub Actions workflow badge, and the repository points to a Lit Discord chat for community support. Typical use Because these are standard web components, they are framework-agnostic and can be dropped into any page or application that supports custom elements, including static sites, server-rendered pages and JavaScript frameworks. Styling and theming follow Material 3 conventions, and form-associated controls participate in native HTML forms.