Materialize, a CSS Framework based on Material Design.
[ Browse the docs ]
Read the getting started guide for more information on how to use materialize.
- Download the latest release of materialize directly from GitHub. (Beta)
- Clone the repo:
git clone https://github.com/materializecss/materialize.git - Include the files via jsDelivr.
- Install with npm:
npm install @materializecss/materialize(Beta:npm install @materializecss/materialize@next)
Previous releases are available here. You can also find the changelog under each release.
First install materializeweb locally. Then create the html files with npm run build-examples. After creating the files you can run npm run demo and browse to the url (normally 127.0.0.1:8080/)
To run tests locally you first have to build the files and then run the tests. This can be done with the command npm test;
The tests will then run and show detailed feedback.
This is the core project with all the components. To see how they are used we recommend to check out the examples or go to the documentation at https://materializeweb.com.
Check out the CONTRIBUTING document in the root of the repository to learn how you can contribute. You can also browse the help-wanted tag in our issue tracker to find things to do.
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]
Thank you to all our supporters! 🙏 [Become a backer]
Code Copyright 2026 Materialize. Code released under the MIT license.