# @openremote/or-mwc-components > Material Design Components packaged as web components (The official components are hardcoded to use Material Design font which has limited icons) Latest version **1.30.0** (published 2026-09-02) · AGPL-3.0-or-later license · 0 weekly downloads ## Install ```sh npm install @openremote/or-mwc-components pnpm add @openremote/or-mwc-components yarn add @openremote/or-mwc-components bun add @openremote/or-mwc-components ``` ## Health **Score 60/100 (C)** — status: active. Positive: esm support; no vulnerabilities; recently updated; high maintenance score. Warnings: low downloads; no types. ## Facts | | | |---|---| | Version | 1.30.0 | | Published | 2026-09-02 | | First published | 2020-09-08 | | Weekly downloads | 0 | | License | AGPL-3.0-or-later | | TypeScript types | none | | Module format | ESM + CommonJS | | Dependencies | 32 | | Unpacked size | 400.4 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 1908 | | Author | OpenRemote | | Maintainers | openremotedeveloper, wborn | ## Links - npm: https://www.npmjs.com/package/@openremote/or-mwc-components - Repository: https://github.com/openremote/openremote - npm.io page: https://npm.io/package/@openremote/or-mwc-components ## Dependencies (32) - [lit](https://npm.io/package/lit.md) ^3.3.1 - [moment](https://npm.io/package/moment.md) ^2.29.4 - [@material/fab](https://npm.io/package/@material/fab.md) ^9.0.0 - [@material/tab](https://npm.io/package/@material/tab.md) ^9.0.0 - [@material/base](https://npm.io/package/@material/base.md) ^9.0.0 - [@material/list](https://npm.io/package/@material/list.md) ^9.0.0 - [@material/menu](https://npm.io/package/@material/menu.md) ^9.0.0 - [@material/radio](https://npm.io/package/@material/radio.md) ^9.0.0 - [@material/button](https://npm.io/package/@material/button.md) ^9.0.0 - [@material/dialog](https://npm.io/package/@material/dialog.md) ^9.0.0 - [@material/drawer](https://npm.io/package/@material/drawer.md) ^9.0.0 - [@material/ripple](https://npm.io/package/@material/ripple.md) ^9.0.0 - [@material/select](https://npm.io/package/@material/select.md) ^9.0.0 - [@material/slider](https://npm.io/package/@material/slider.md) ^9.0.0 - [@material/switch](https://npm.io/package/@material/switch.md) ^9.0.0 - [@openremote/core](https://npm.io/package/@openremote/core.md) 1.30.0 - [@material/tab-bar](https://npm.io/package/@material/tab-bar.md) ^9.0.0 - [@openremote/model](https://npm.io/package/@openremote/model.md) 1.30.0 - [@material/checkbox](https://npm.io/package/@material/checkbox.md) ^9.0.0 - [@material/snackbar](https://npm.io/package/@material/snackbar.md) ^9.0.0 - [@material/textfield](https://npm.io/package/@material/textfield.md) ^9.0.0 - [@openremote/or-icon](https://npm.io/package/@openremote/or-icon.md) 1.30.0 - [@material/data-table](https://npm.io/package/@material/data-table.md) ^9.0.0 - [@material/form-field](https://npm.io/package/@material/form-field.md) ^9.0.0 - [@material/icon-button](https://npm.io/package/@material/icon-button.md) ^9.0.0 - [@material/line-ripple](https://npm.io/package/@material/line-ripple.md) ^9.0.0 - [@material/menu-surface](https://npm.io/package/@material/menu-surface.md) ^9.0.0 - [@material/tab-scroller](https://npm.io/package/@material/tab-scroller.md) ^9.0.0 - [@openremote/or-element](https://npm.io/package/@openremote/or-element.md) 1.30.0 - [@material/tab-indicator](https://npm.io/package/@material/tab-indicator.md) ^9.0.0 - [@material/floating-label](https://npm.io/package/@material/floating-label.md) ^9.0.0 - [@openremote/or-translate](https://npm.io/package/@openremote/or-translate.md) 1.30.0 ## Recent versions - 1.30.0 (latest) — 2026-09-02 - 1.31.0-snapshot.20260916144308 (snapshot) — 2026-09-16 - 1.31.0-snapshot.20260916130646 — 2026-09-16 - 1.31.0-snapshot.20260915122244 — 2026-09-15 - 1.31.0-snapshot.20260911091633 — 2026-09-11 - 1.31.0-snapshot.20260910125057 — 2026-09-10 - 1.31.0-snapshot.20260910120754 — 2026-09-10 - 1.31.0-snapshot.20260908130403 — 2026-09-08 - 1.31.0-snapshot.20260907094218 — 2026-09-07 - 1.31.0-snapshot.20260904133325 — 2026-09-04 - 1.31.0-snapshot.20260904115341 — 2026-09-04 - 1.31.0-snapshot.20260904102436 — 2026-09-04 - 1.31.0-snapshot.20260903144735 — 2026-09-03 - 1.31.0-snapshot.20260903142507 — 2026-09-03 - 1.31.0-snapshot.20260903135821 — 2026-09-03 - … 809 more at https://npm.io/package/@openremote/or-mwc-components/versions ## README # @openremote/or-mwc-* \ [![NPM Version][npm-image]][npm-url] Web components wrapper for `MDC` web UI components, the standard `MWC` components are not complete, and they have a horrible icon font dependency (hopefully this will removed) whereas we use `SVG` based icon sets. ## Install ```bash npm i @openremote/or-mwc-components yarn add @openremote/or-mwc-components ``` ## Usage For a full list of properties, methods and options refer to the TypeDoc generated [documentation](<>). ## Supported Browsers The last 2 versions of all modern browsers are supported, including Chrome, Safari, Opera, Firefox, Edge. In addition, Internet Explorer 11 is also supported. ## License [GNU AGPL](https://www.gnu.org/licenses/agpl-3.0.en.html) [npm-image]: https://img.shields.io/npm/v/@openremote/or-mwc-components.svg [npm-url]: https://www.npmjs.com/package/@openremote/or-mwc-components --- _Source: https://npm.io/package/@openremote/or-mwc-components · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._