10 个免费的 Google Material Design 资源

jopen 7年前

Google的 Material Design 语言是在2014设计的,增加了网格布局使用大量的特效,阴影和动画。如果您正在寻找使用Google Material,已经有大量的可用资源。下面是排名前10位的Google Material Design资源列表:

1. Materialize CSS

This is a front-end framework to work on Material Design where designers can choose to work either on CSS and Java Script Files or SCSS files. Javascript requires almost no set-up and SCSS gives you more control over components to be included. There are some starter templates available to give you a head start with comprehensive guidelines.

10 个免费的 Google Material Design 资源

2. Paper Collapse

This is a simple CSS3 paper cards accordion. The various options include animation duration, specifying the animation speed, functions to list handlers or various animation functions.

10 个免费的 Google Material Design 资源

3. MAWbutton

MAWbutton is a ripple button inspired by Google Material design. Again, here you can mention the speed, scale, effect and callback after transition. They are still working on flash and wave effects.

10 个免费的 Google Material Design 资源

4. Waves

Waves is a click effect on the button inspired by Material design. You need to install Node Javascript and Ruby on the computer. It runs via SASS and there are testing tools for it.

10 个免费的 Google Material Design 资源

5. Material Framework

This resource has open-source icons available in SVG framework.  Icons are available in 24px and 48px flavors. You need to install zip file with all the icons and then install it.

10 个免费的 Google Material Design 资源

6. Instagram PSD

This is a free Material Design inspired Instagram UI that you can use in your projects.

10 个免费的 Google Material Design 资源

7. Leaf Framework

Leaf Framework is a CSS framework based on Google Material design. It has a list of buttons, images, forms and drop-downs with various color options to display. You can also give various wave effects which will be displayed according to the shadow.

10 个免费的 Google Material Design 资源

8. Bootstrap Material Design

This is a front-end framework in Google Material Design. It is very easy to use with comprehensive guidelines. It is available in LESS and SASS version is only available in as base file.

10 个免费的 Google Material Design 资源

9. Material Design Hamburger

This is a hamburger animation available in Google Material Design. It supports IE8 and IE 10 browser.

10 个免费的 Google Material Design 资源

10. Material Playground

This It is a playground theme with various sliders, images and text field effects.

10 个免费的 Google Material Design 资源