npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

iobroker.vis2-materialdesign

v0.3.1

Published

Native VIS 2 Material Design widgets based on the original work by Scrounger

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

bluefoxbluefoxtyphosjtyphosj

Keywords

ioBrokermaterialGUIvis-2vis2-materialdesign

Readme

Logo

ioBroker.vis2-materialdesign

stable version NPM version Number of Installations Downloads

NPM

Material Design widgets for ioBroker VIS 2

This adapter is maintained by typhosj. The widgets are based on the original VIS Material Design widget work by Scrounger.

Documentation: Deutsch · English

Design status

Existing widgets currently keep their established Material Design 2-era look, component IDs and settings. An opt-in Material 3 presentation is planned. It will not silently change existing VIS 2 projects.

Requirements

  • ioBroker with Admin 7.6.20 or newer
  • Node.js 22 or newer
  • an installed VIS 2 adapter
  • a current Chromium-based browser or Firefox (target environment)

Vibration feedback depends on the browser and device. See the browser compatibility table.

Installation

Install Material Design Widgets (vis2-materialdesign) from the ioBroker Admin adapter list. No separate adapter process is needed for widget delivery.

Quick start

  1. Open the VIS 2 editor and a project.
  2. Open the Material Design widget set.
  3. Drag a widget into the view and select it.
  4. Configure its object ID and behaviour in the WIDGET tab.
  5. Save the project and test the view in runtime mode.

Theme use is optional. Configure colors and fonts in the adapter's Theme Editor, save them, then use Theme → use theme on a selected widget. This copies the matching theme references into that widget; explicit widget settings can still be changed afterwards.

Documentation

Support

Report current VIS 2 problems in the GitHub issue tracker.

Changelog

0.3.1 (2026-07-23)

  • (typhosj) Added the combined icon/image picker to the remaining widgets (checkbox, input, select, switch)
  • (typhosj) Removed the legacy VIS 1 example scripts (examples/) from the repository
  • (typhosj) Expanded test coverage for the slider, round slider and value widgets

0.3.0 (2026-07-22)

  • (typhosj) Removed all VIS 1 legacy: the bundled materialdesign VIS 1 widget set and materialdesign.html are gone; the adapter no longer ships or depends on any VIS 1 files
  • (typhosj) Made all widgets self-contained by vendoring the Material Design Icons webfont and the required Material Components base CSS into the widget bundle, so icons and styling render without the legacy stylesheet
  • (typhosj) Removed the obsolete jQuery/Materialize configuration page; the native React theme editor is now the only admin UI
  • (typhosj) Roughly halved the published package size (woff2-only fonts, dead-code removal, smaller preview image)
  • (typhosj) Added text input masking and custom calendar date/time formats
  • (typhosj) Restored full visual parity of the ported widgets against the original VIS 1 versions and migrated the widget documentation to VIS 2
  • (typhosj) Reworked the widget documentation with per-widget editor screenshots that expand the relevant option groups and describe every non-obvious setting (English and German)
  • (typhosj) Fixed six widget editor group headers (title, text, card action, linked value, striped, list header) that showed untranslated keys

0.2.0 (2026-07-13)

  • (typhosj) Ported all remaining legacy Material Design widget templates to native VIS 2 components
  • (typhosj) Added calendar, chart, table and embedded child-view widgets for dialogs, masonry, grid and advanced views
  • (typhosj) Added automated legacy-template-to-VIS2 registration coverage checks
  • (typhosj) Ported the adapter configuration UI to React 5 with the native theme editor
  • (typhosj) Restored the VIS2 editor action to apply Material Design theme values to widget properties

0.1.0 (2026-07-09)

  • (typhosj) Initial native VIS 2 port of the Material Design button widgets
  • (typhosj) Added one-to-one VIS 2 button variants for navigation, link, state, multi-state, addition, toggle, vertical buttons, icon buttons, and icon button slider
  • (typhosj) Added VIS 2 editor previews using the original Material Design icon glyphs
  • (typhosj) Ported button state writes, delayed multi-state writes, toggle and push-button behavior, lock overlay, click sound, vibration feedback, image/icon handling, and SVG color behavior
  • Based on the original VIS Material Design widgets version 0.5.9 by Scrounger

Older changelog entries

License

MIT License

Copyright (c) 2026 typhosj [email protected]
Copyright (c) 2021 Scrounger [email protected]

The widgets are based on the original VIS Material Design widget work by Scrounger [email protected].

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.