Angular Material Theme – Quick starter – Free Download

I am releasing a material theme for Angular 4, based on Material 2. Fully responsive and customizable. It is free to download and use. Download and fuel up your material theme development. Do not forget to give your feedback and comments.

Screenshots Desktop:

Screenshot samples for desktop


Screenshot Mobile:

Some screenshot samples for mobile display.


Demo Link: View

Download Link : Download / Clone from github


Customize the theme

To customize the theme, update the custom theme file located at  src/theme.scss file.


One thought on “Angular Material Theme – Quick starter – Free Download

  1. Thank you for the theme, I encounter a problem with the theme in material 5.
    The settings icon button is on the left side, please your help.
    ng:///AppModule/AppComponent.ngfactory.js:176 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ‘void’. Current value: ‘open’.
    at viewDebugError (webpack-internal:///../../../core/esm5/core.js:10002)
    at expressionChangedAfterItHasBeenCheckedError (webpack-internal:///../../../core/esm5/core.js:9980)
    at checkBindingNoChanges (webpack-internal:///../../../core/esm5/core.js:10149)
    at checkNoChangesNodeInline (webpack-internal:///../../../core/esm5/core.js:14199)
    at checkNoChangesNode (webpack-internal:///../../../core/esm5/core.js:14173)
    at debugCheckNoChangesNode (webpack-internal:///../../../core/esm5/core.js:15002)
    at debugCheckRenderNodeFn (webpack-internal:///../../../core/esm5/core.js:14942)
    at Object.eval [as updateRenderer] (ng:///AppModule/AppComponent.ngfactory.js:911)
    at Object.debugUpdateRenderer [as updateRenderer] (webpack-internal:///../../../core/esm5/core.js:14924)
    at checkNoChangesView (webpack-internal:///../../../core/esm5/core.js:14013)

Leave a Reply

Your email address will not be published. Required fields are marked *


Please wrap all source codes with [code][/code] tags.

This site uses Akismet to reduce spam. Learn how your comment data is processed.