This version contains the source SCSS files. By choosing this version you have more control over which components to include. You will need a Sass compiler if you choose this option.Sourcefile_download
Thank you for downloading!
You can find all the versions of the CDN at jsDelivr.
npm install @materializecss/materialize
Since Bower is deprecated, you can get the latest release using yarn as your favorite package manager.
yarn add @materializecss/materialize
After downloading, extract the files into the directory where your website is located. Your directory will look something like this.
You'll notice that there are two sets of the files. The
min means that the file is "compressed" to reduce load times. These minified files are usually used in production while it is better to use the unminified files during development.
MyWebsite/ |--css/ | |--materialize.css | |--fonts/ | |--roboto/ | |--js/ | |--materialize.js | |--index.html
This is the simplest starter page with a Header, Call-to-Action, and Icon Features.Demo search Downloadfile_download
This is the simplest starter page with a Header, Call-to-Action, and Icon Features.Demosearch Downloadfile_download
See here for documentation on this gem.
Instead of having a css folder, you will find that the download instead contains many .scss files which contain the styles of individual components. Unfortunately, the browser cannot interpret Sass, so you must have your Sass compiler compile the scss/materialize.scss into a regular CSS file. At this point you can link this newly outputted file in your HTML page.
MyWebsite/ |--css/ | |--materialize.css <-- compiled from scss/materialize.scss | |--js/ | |--materialize.js | |--scss/ | |--materialize.scss | |--components/ | |--index.html