This package is a bridge that allows easy integration of MaterializeCSS 1.0 with the JavaScript framework Aurelia.

For use with Materialize 2 and later, refer to this issue. With some dirty hacks, you can utilize features like Google Material Design 3's color management.

Demo

• Component catalog (demos)
• Gist.run playground

History and status

1. @Thanood originally developed this package to use MaterializeCSS (which follows Google Material Design 1) with Aurelia, and @MaximBalaganskiy took over its maintenance.
2. Development of MaterializeCSS was discontinued, leading to this package being frozen at release 1.6.4 and archived in 2020.
3. A forked version, Materialize 2 and later of MaterializeCSS, was created, with ongoing improvements toward compliance with Google Material Design 3.
4. In 2024, This issue confirmed that it is possible to use this package with Materialize 2.

Currently, the archived status has been lifted and @HIRANO-Satoshi has become the maintainer, but it remains based on MaterializeCSS.

Before you send issues or pull requests

Sorry, but the maintainer does not process new issues and has no concrete plans for improvements. If anyone is interested in taking over active development, please create an issue to discuss it.

Nevertheless, pull requests for Materialize 2 and later, as well as Aurelia 2, are welcome.

Please make two separate pull requests for each, so that we can have different releases for the users of Materialize 2 and the users of Aurelia 2.

Please check contributing.md - and if these instructions look "too terse" here is a great set of lessons

Alternative

Aurelia Material Design Components. Note: Since Google's Material Design Components have been discontinued, the development of the package was also halted.

Installing the plugin

Running tests

1. npm install
2. jspm install
3. gulp test