What is Material Design Assistant?

Material Design Assistant is a Chrome extension developed by Liu Liu, and its main feature is "HEX value of Material colors and CSS of Material shadows at your fingertips.".

Extension Screenshots

Download Material Design Assistant Extension CRX File

Download Material Design Assistant extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

Perfect for designing in browser. No need to open Google design spec site / PS, AI color palette.

Built with open source code from:
https://github.com/MikeMitterer/dart-wsk-material
https://github.com/google/web-starter-kit/tree/material-sprint

Updates:
- Now you can just click on the color / shadow you want to use, and the HEX / CSS will be copied to your clipboard. (Require Chrome 43)
- Stay tuned for more updates and a packaged chrome app.

Extension Basic Information

Name	Material Design Assistant
ID	niibdenamblimiifecjpdamibihicjea
Official URL	https://chromewebstore.google.com/detail/material-design-assistant/niibdenamblimiifecjpdamibihicjea
Description	HEX value of Material colors and CSS of Material shadows at your fingertips.
File Size	138 KB
Installation Count	354
Current Version	1.7
Last Updated	2018-07-15
Publish Date	2018-07-14
Rating	5.00/5 Total 2 Ratings
Developer	Liu Liu
Email	[email protected]
Payment Type	free
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Material Design Assistant", "description": "HEX value of Material colors and CSS of Material shadows at your fingertips.", "version": "1.7", "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "icons": { "128": "md128.png", "64": "md64.png", "48": "md48.png", "32": "md32.png", "24": "md24.png", "16": "md16.png" }, "browser_action": { "default_popup": "popup.html", "default_icon": "md128.png" } }