# Awesome-MaterialDesign

**Repository Path**: GGgary666/Awesome-MaterialDesign

## Basic Information

- **Project Name**: Awesome-MaterialDesign
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-16
- **Last Updated**: 2021-03-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

Awesome-MaterialDesign
==================

A curated list of awesome Android MaterialDesign res and libraries. Feel free to contrubute.

##Other Awesome List
* [awesome](https://github.com/sindresorhus/awesome)
* [awesome-android](https://github.com/snowdream/awesome-android)  
* [awesome-android-ui](https://github.com/wasabeef/awesome-android-ui)  
* [awesome-java](https://github.com/akullpp/awesome-java)  
* [awesome-ios-ui](https://github.com/cjwirth/awesome-ios-ui)  
* [awesome-swift](https://github.com/matteocrippa/awesome-swift)  
* [awesome-svg](https://github.com/willianjusten/awesome-svg)
* [awesome-resources](https://github.com/lyfeyaj/awesome-resources)  
* [awesome-awesomeness](https://github.com/bayandin/awesome-awesomeness)

## List of Awesome-MaterialDesign
###Doc and Res 
Some google and personal doc , design res and samples.   

* [Doc](#doc)
* [Google Samples](#google-samples)
* [Google Material Design App](#Google Material Design App)
* [Google Design-Support-Library](#Google Design-Support-Library)
* [Blog](#Blog)
* [Design Res](#Design Res)

###MaterialDesign Libraries 
Libraries on the github.  

* [Libraries](#Libraries)
* [Showcase](#Showcase)
* [FAB](#FAB)
* [Menu & Drawer](#Menu & Drawer)
* [View](#View)
* [Widget](#Widget)
* [EditText](#EditText)
* [SnackBar](#SnackBar)
* [Palette](#Palette)
* [Transition](#Transition)
* [Ripple](#Ripple)
* [Reveal](#Reveal) 
* [Tricks](#Tricks)
* [Vector & SVG & path-view](#Vector & SVG & path-view)
* [Dialog](#Dialog)
* [Project](#Project)


## <a name="doc">Doc</a> 
* [material-design introduction](http://www.google.com/design/spec/material-design/introduction.html)
* [MaterialDesign中文文档](http://design.1sters.com/)

## <a name="Google Samples">Google Samples</a>
* [SwipeRefreshMultipleViews](https://github.com/googlesamples/android-SwipeRefreshMultipleViews)
* [SwipeRefreshListFragment](https://github.com/googlesamples/android-SwipeRefreshListFragment)
* [SwipeRefreshLayoutBasic](https://github.com/googlesamples/android-SwipeRefreshLayoutBasic)
* [RevealEffectBasic](https://github.com/googlesamples/android-RevealEffectBasic)
* [android-Interpolator](https://github.com/googlesamples/android-Interpolator)
* [FloatingActionButtonBasic](https://github.com/googlesamples/android-FloatingActionButtonBasic)
* [ElevationBasic](https://github.com/googlesamples/android-ElevationBasic)

##  <a name="Google Material Design App">Google Material Design App</a>
[Google  2014 iosched](https://github.com/google/iosched)    
[APK](http://vdisk.weibo.com/s/av06eFs1kWSeE)

## <a name="Google Design-Support-Library">Google Design-Support-Library</a>
[android-design-support-library](http://android-developers.blogspot.jp/2015/05/android-design-support-library.html)
[Demo](https://github.com/chrisbanes/cheesesquare)

## <a name="Blog">Blog</a> 
### Google Blog
* [AppCompat v21 — Material Design for Pre-Lollipop Devices!](http://android-developers.blogspot.jp/2014/10/appcompat-v21-material-design-for-pre.html)
* [Implementing material design in your Android app](http://android-developers.blogspot.jp/2014/10/implementing-material-design-in-your.html)
* [Material Design on Android Checklist](http://android-developers.blogspot.jp/2014/10/matb.com/03uk/Rerial-design-on-android-checklist.html)  
* [android-design-support-library](http://android-developers.blogspot.jp/2015/05/android-design-support-library.html)

#### Translate
* [进入Material Design时代](http://blog.csdn.net/xushuaic/article/details/40627389)
* [AppCompat V21：将 Materia Design 兼容到5.0之前的设备](http://blog.csdn.net/xushuaic/article/details/40212327)

### Personal Blog
* [How to upgrade your app’s design from Holo to Material Design — A case study](https://medium.com/@orhnsnmz/how-to-upgrade-your-apps-design-from-holo-to-material-design-a-case-study-f77e33a528c8)
* [My Journey to Lollipop Transitions: part 1](http://jimulabs.com/2014/12/journey-lollipop-transitions-part-1/?utm_source=Android+Weekly&utm_campaign=5b8f334ff8-Android_Weekly_133&utm_medium=email&utm_term=0_4eb677ad19-5b8f334ff8-337298809)
* [Content Transitions In-Depth (part 2)](http://www.androiddesignpatterns.com/2014/12/activity-fragment-content-transitions-in-depth-part2.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+androiddesignpatterns+%28Android+Design+Patterns%29)
* [Material design in the 2014 Google I/O app](https://medium.com/google-design/material-design-in-the-2014-google-i-o-app-e3b22caffae6)
* [MaterialDesigh 学习笔记](http://www.uisdc.com/comprehensive-material-design-note#368390-tsina-1-73915-ebfdadd9b239798c6a2035c828aafd11)

## <a name="Design Res">Design Res</a> 
* [www.materialup.com](http://www.materialup.com/)
* [www.materialpalette.com](http://www.materialpalette.com/)
* [TextDrawable](https://github.com/amulyakhare/TextDrawable)
* [material-design-icons](https://github.com/google/material-design-icons)
* [android-material-icons](https://github.com/Malinskiy/android-material-icons)  
* [material-design-iconic-font](https://github.com/zavoloklom/material-design-iconic-font)
* [material-design-icons-adt-template](https://github.com/intrications/material-design-icons-adt-template)
* [Design resources for Material Design](https://github.com/Templarian/MaterialDesign)

## <a name="Video">Video</a> 
* [Material design & implementation](https://skillsmatter.com/skillscasts/5627-material-design)
* [Google I/O 2014 - Material witness: How Android material applications work](https://www.youtube.com/watch?v=97SWYiRtF0Y&feature=youtu.be)

# <a name="Material Libs">Material Libs</a> 
## <a name="Libraries">Libraries</a> 
Name|Demo
--- | ---
[android-design-support-library](https://github.com/chrisbanes/cheesesquare) | <img src="/demoRes/design-support-library-b.png" width="250" height="60" alt="Screenshot"/> <img src="/demoRes/design-support-library-c.png" width="250" height="60" alt="Screenshot"/> <img src="/demoRes/design-support-library-f.png" width="250" height="100" alt="Screenshot"/> <img src="/demoRes/design-support-library-a.png" width="220" height="280" alt="Screenshot"/> <img src="/demoRes/material-design-library-e.gif" width="430" height="320" alt="Screenshot"/> 
[MaterialDesignLibrary](https://github.com/navasmdc/MaterialDesignLibrary) | <img src="/demoRes/MaterialDesignLibrary-a.png" width="160" height="100" alt="Screenshot"/> <img src="/demoRes/MaterialDesignLibrary-b.png" width="120" height="60" alt="Screenshot"/> <img src="/demoRes/MaterialDesignLibrary-c.png" width="130" height="60" alt="Screenshot"/> <img src="/demoRes/MaterialDesignLibrary-d.png" width="130" height="60" alt="Screenshot"/> <img src="/demoRes/MaterialDesignLibrary-e.png" width="130" height="60" alt="Screenshot"/> <img src="/demoRes/MaterialDesignLibrary-h.png" width="180" height="290" alt="Screenshot"/>
[material](https://github.com/rey5137/material) | <img src="/demoRes/material-a.gif" width="70" height="70" alt="Screenshot"/> <img src="/demoRes/material-d.gif" width="70" height="70" alt="Screenshot"/> <img src="/demoRes/material-e.gif" width="70" height="70" alt="Screenshot"/> <img src="/demoRes/material-f.gif" width="120" height="40" alt="Screenshot"/> <img src="/demoRes/material-g.gif" width="100" height="30" alt="Screenshot"/> <img src="/demoRes/material-h.gif" width="80" height="30" alt="Screenshot"/> <img src="/demoRes/material-i.gif" width="200" height="40" alt="Screenshot"/> <img src="/demoRes/material-b.gif" width="220" height="40" alt="Screenshot"/> <img src="/demoRes/material-c.gif" width="220" height="40" alt="Screenshot"/> <img src="/demoRes/material-j.gif" width="230" height="120" alt="Screenshot"/> <img src="/demoRes/material-j.png" width="180" height="290" alt="Screenshot"/>   
[material-design-library](https://github.com/DenisMondon/material-design-library) | <img src="/demoRes/material-design-library-a.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/material-design-library-b.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/material-design-library-c.png" width="180" height="290" alt="Screenshot"/>
[MaterialWidget](https://github.com/keithellis/MaterialWidget) | <img src="/demoRes/MaterialWidget.png" width="340" height="290" alt="Screenshot"/>
[Material Design In XAML Toolkit](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit) | <img src="/demoRes/MaterialDesignInXamlToolkit.gif" width="340" height="217" alt="Screenshot"/>

## <a name="Showcase">Showcase</a> 
Name|Demo
--- | ---
[Curved-Fab-Reveal-Example](https://github.com/saulmm/Curved-Fab-Reveal-Example)  | <img src="/demoRes/Curved-Fab-Reveal-Example.gif" width="180" height="300" alt="Screenshot"/>
[Android-LollipopShowcase](https://github.com/mikepenz/Android-LollipopShowcase) | <img src="/demoRes/Android-LollipopShowcase-a.jpg" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/Android-LollipopShowcase-b.jpg" width="180" height="290" alt="Screenshot"/>
[google-io-2014-compat](https://github.com/rahulparsani/google-io-2014-compat)  | <img src="/demoRes/google-io-2014-compat-a.gif" width="180" height="290" alt="Screenshot"/><img src="/demoRes/google-io-2014-compat-b.gif" width="180" height="290" alt="Screenshot"/>
[google-io-2014](https://github.com/romainguy/google-io-2014) | <img src="/demoRes/google-io-2014-a.png" width="180" height="290" alt="Screenshot"/><img src="/demoRes/google-io-2014-b.png" width="180" height="290" alt="Screenshot"/>
[MaterialList](https://github.com/dexafree/MaterialList) | <img src="/demoRes/MaterialList-a.png" width="300" height="150" alt="Screenshot"/> <img src="/demoRes/MaterialList-b.png" width="300" height="150" alt="Screenshot"/>
[AndroidMaterialDesignToolbar](https://github.com/tekinarslan/AndroidMaterialDesignToolbar) | <img src="/demoRes/AndroidMaterialDesignToolbar-a.gif" width="180" height="290" alt="Screenshot"/>
[Android-L-Preview-Concepts](https://github.com/saulmm/android_L_preview_example) | <img src="/demoRes/Android-L-Preview-Concepts.gif" width="180" height="290"/>
[OpenLibra-Material](https://github.com/saulmm/OpenLibra-Material) | <img src="/demoRes/openlibra-material.gif" width="180" height="290" alt="Screenshot"/>
[MaterialEverywhere](https://github.com/antoniolg/MaterialEverywhere) | <img src="/demoRes/MaterialEverywhere.gif" width="180" height="290" alt="Screenshot"/>
[Android-Material-Example](https://github.com/saulmm/Android-Material-Example) | <img src="/demoRes/Android-Material-Example-a.gif" width="280" height="160" alt="Screenshot"/> <img src="/demoRes/Android-Material-Example-b.gif" width="180" height="260" alt="Screenshot"/>
[MaterialDesignSample](https://github.com/rejasupotaro/MaterialDesignSample)  | <img src="/demoRes/MaterialDesignSample-d.gif" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/MaterialDesignSample-a.png" width="540" height="290" alt="Screenshot"/>
[Material-Action-Bar-Sample](https://github.com/xiprox/Material-Action-Bar-Sample)  | <img src="/demoRes/Material-Action-Bar-Sample-a.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/Material-Action-Bar-Sample-b.png" width="180" height="290" alt="Screenshot"/>
[MaterialDesignSupport](https://github.com/shawwinbin/MaterialDesignSupport) | <img src="/demoRes/MaterialDesignSupport-a.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/MaterialDesignSupport-b.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/MaterialDesignSupport-c.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/MaterialDesignSupport-d.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/MaterialDesignSupport-e.png" width="180" height="290" alt="Screenshot"/>



## <a name="FAB">FAB</a> 
Name|Demo
--- | ---
[FloatingActionButton](https://github.com/FaizMalkani/FloatingActionButton) | 
[android-floating-action-button](https://github.com/futuresimple/android-floating-action-button) | <img src="/demoRes/android-floating-action-button-a.gif" width="80" height="200" alt="Screenshot"/> <img src="/demoRes/android-floating-action-button-b.png" width="80" height="80" alt="Screenshot"/>
[FloatingActionButton](https://github.com/makovkastar/FloatingActionButton) | <img src="/demoRes/FloatingActionButton.gif" width="180" height="290" alt="Screenshot"/>
[tickplusdrawable](https://github.com/flavienlaurent/tickplusdrawable) | <img src="/demoRes/tickplusdrawable.gif" width="180" height="290" alt="Screenshot"/>
[Android-Material-circular-button](https://github.com/glomadrian/Android-Material-circular-button) | <img src="/demoRes/Android-Material-circular-button-a.gif" width="180" height="290" alt="Screenshot"/>
[FloatingActionButton](https://github.com/Clans/FloatingActionButton) | <img src="/demoRes/FloatingActionButton-a.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/FloatingActionButton-b.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/FloatingActionButton-c.png" width="180" height="290" alt="Screenshot"/>
[RapidFloatingActionButton](https://github.com/wangjiegulu/RapidFloatingActionButton)  | <img src="/demoRes/RapidFloatingActionButton-a.gif" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/RapidFloatingActionButton-b.gif" width="180" height="290" alt="Screenshot"/>

## <a name="Menu & Drawer">Menu & Drawer</a> 
Name | Demo
--- | ---
[android-ui](https://github.com/markushi/android-ui) | <img src="/demoRes/android-ui-a.gif" width="70" height="70" alt="Screenshot"/>
[material-menu](https://github.com/balysv/material-menu) | <img src="/demoRes/material-menu.gif" width="290" height="50" alt="Screenshot"/>
[DrawerArrowDrawable](https://github.com/ChrisRenke/DrawerArrowDrawable) | <img src="/demoRes/DrawerArrowDrawable.gif" width="290" height="110" alt="Screenshot"/>
[LDrawer](https://github.com/ikimuhendis/LDrawer)  | <img src="/demoRes/LDrawer.gif" width="180" height="290" alt="Screenshot"/>
[MaterialDrawer](https://github.com/mikepenz/MaterialDrawer)  | <img src="/demoRes/MaterialDrawer-a.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/MaterialDrawer-b.png" width="180" height="290" alt="Screenshot"/>
[android-material-drawer-template](https://github.com/kanytu/android-material-drawer-template)  | <img src="/demoRes/android-material-drawer-template.gif" width="180" height="290" alt="Screenshot"/>
[MaterialTabs](https://github.com/neokree/MaterialTabs)   | <img src="/demoRes/MaterialTabs-a.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/MaterialTabs-b.png" width="180" height="290" alt="Screenshot"/>
[L-Navigation-Drawer](https://github.com/lewisjdeane/L-Navigation-Drawer)  | <img src="/demoRes/L-Navigation-Drawer-a.png" width="180" height="290" alt="Screenshot"/>
[MaterialNavigationDrawer](https://github.com/neokree/MaterialNavigationDrawer) | <img src="/demoRes/MaterialNavigationDrawer-a.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/MaterialNavigationDrawer-b.png" width="180" height="290" alt="Screenshot"/>
[NavigationDrawer-MaterialDesign](https://github.com/rudsonlive/NavigationDrawer-MaterialDesign) | <img src="/demoRes/navigationdrawer-materialdesign.png" width="180" height="290" alt="Screenshot"/>
[MenuAnimation](https://github.com/onivas/MenuAnimation) | <img src="/demoRes/MenuAnimation-b.gif" width="180" height="290" alt="Screenshot"/>
[Material_Navigationdrawer](https://github.com/DympyDev/Material_Navigationdrawer) | 
[MaterialNavigation](https://github.com/datallboy/MaterialNavigation) |  
[material-drawer](https://github.com/HeinrichReimer/material-drawer ) | 

## <a name="View">View</a> 
Name | Demo
--- | ---
[MaterialImageView](https://github.com/zhaozhentao/MaterialImageView) | <img src="/demoRes/MaterialImageView.jpg" width="180" height="290" alt="Screenshot"/>
[MaterialViewPager](https://github.com/florent37/MaterialViewPager) | <img src="/demoRes/MaterialViewPager-a.gif" width="180" height="290" alt="Screenshot"/>
[Android-MaterialPreference](https://github.com/jenzz/Android-MaterialPreference) | <img src="/demoRes/Android-MaterialPreference.png" width="180" height="290" alt="Screenshot"/>
[SwipeableCard](https://github.com/michelelacorte/SwipeableCard) | <img src="/demoRes/SwipeableCard.gif" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/SwipeableCard1.gif" width="180" height="290" alt="Screenshot"/>

## <a name="Widget">Widget</a> 
Name | Demo
--- | ---
[materialish-progress](https://github.com/pnikosis/materialish-progress)  | <img src="/demoRes/materiallish-progress.gif" width="210" height="160" alt="Screenshot"/>
[MaterialLoadingProgressBar](https://github.com/lsjwzh/MaterialLoadingProgressBar) | <img src="/demoRes/MaterialLoadingProgressBar.gif" width="180" height="290" alt="Screenshot"/>
[SwipyRefreshLayout](https://github.com/OrangeGangsters/SwipyRefreshLayout) | <img src="/demoRes/SwipyRefreshLayout.gif" width="180" height="290" alt="Screenshot"/>
[MaterialSettings](https://github.com/kenumir/MaterialSettings) | <img src="/demoRes/MaterialSettings.png" width="180" height="290" alt="Screenshot"/>
[SwitchButton](https://github.com/kyleduo/SwitchButton) | <img src="/demoRes/SwitchButton-a.jpg"  width="260" height="260" alt="Screenshot"/> <img src="/demoRes/SwitchButton-b.png" width="180" height="290" alt="Screenshot"/>
[discreteSeekBar](https://github.com/AnderWeb/discreteSeekBar) | <img src="/demoRes/discreteSeekBar-a.gif" width="450" height="160" alt="Screenshot"/> <img src="/demoRes/discreteSeekBar-b.gif" width="350" height="220" alt="Screenshot"/>
[material-range-bar](https://github.com/oli107/material-range-bar) | <img src="/demoRes/material-range-bar.gif" width="180" height="290" alt="Screenshot"/>
[material-calendarview](https://github.com/prolificinteractive/material-calendarview) | <img src="/demoRes/material-calendarview.gif" width="230" height="290" alt="Screenshot"/>
[BetterSpinner](https://github.com/Lesilva/BetterSpinner) | <img src="/demoRes/BetterSpinner.gif" width="180" height="290" alt="Screenshot"/>

## <a name="EditText">EditText</a> 
Name | Demo
--- | ---
[MaterialEditText](https://github.com/rengwuxian/MaterialEditText) | <img src="/demoRes/MaterialEditText-a.png" width="250" height="170" alt="Screenshot"/>
[MaterialTextField](https://github.com/zst123/MaterialTextField) | <img src="/demoRes/MaterialTextField-a.jpg" width="250" height="170" alt="Screenshot"/>

## <a name="SnackBar">SnackBar</a> 
Name | Demo
--- | ---
[SnackBar](https://github.com/Kennyc1012/SnackBar) | <img src="/demoRes/SnackBar.gif" width="180" height="290" alt="Screenshot"/>
[snackbar](https://github.com/nispok/snackbar) | <img src="/demoRes/snackbar-a.png" width="180" height="290" alt="Screenshot"/>

## <a name="Palette">Palette</a> 
Name | Demo
--- | ---
[material-painter](https://github.com/novoda/material-painter) | <img src="/demoRes/material-painter.gif" width="180" height="290" alt="Screenshot"/>

## <a name="Transition">Transition</a> 
Name | Demo
--- | ---
[transitions-everywhere](https://github.com/andkulikov/transitions-everywhere) | <img src="/demoRes/transitions-everywhere.gif" width="180" height="290" alt="Screenshot"/>
[PreLollipopTransition](https://github.com/takahirom/PreLollipopTransition) | <img src="/demoRes/PreLollipopTransition-a.gif" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/PreLollipopTransition-b.gif" width="180" height="290" alt="Screenshot"/>
[Material-Animations](https://github.com/lgvalle/Material-Animations) | <img src="/demoRes/Material-Animations.gif" width="180" height="290" alt="Screenshot"/>

## <a name="Ripple">Ripple</a> 
Name | Demo
--- | ---
[RippleEffect](https://github.com/traex/RippleEffect) | <img src="/demoRes/RippleEffect.gif" width="260" height="150" alt="Screenshot"/>
[RippleView](https://github.com/siriscac/RippleView) | <img src="/demoRes/RippleView.gif" width="180" height="290" alt="Screenshot"/>
[android-ripple-background](https://github.com/skyfishjy/android-ripple-background) | <img src="/demoRes/android-ripple-background-a.gif" width="180" height="290" alt="Screenshot"/>
[material-ripple](https://github.com/balysv/material-ripple) | <img src="/demoRes/material-ripple-a.gif" width="180" height="290" alt="Screenshot"/>
[PaperStyleWidgets](https://github.com/aNNiMON/PaperStyleWidgets) | <img src="/demoRes/PaperStyleWidgets-a.gif" width="220" height="170" alt="Screenshot"/>
[material-design-toolkit](https://github.com/twang2218/material-design-toolkit) |  

##  <a name="Reveal">Reveal</a> 
Name | Demo
--- | ---
[android-ui](https://github.com/markushi/android-ui) | <img src="/demoRes/android-ui-ripple.gif" width="180" height="290" alt="Screenshot"/>
[CircularReveal](https://github.com/03uk/CircularReveal) | <img src="/demoRes/CircularReveal.gif" width="180" height="290" alt="Screenshot"/>
[RevealLayout](https://github.com/kyze8439690/RevealLayout) | <img src="/demoRes/RevealLayout.gif" width="180" height="290" alt="Screenshot"/>
[CircularRevealFragment](https://github.com/ferdy182/Android-CircularRevealFragment) | <img src="/demoRes/Android-CircularRevealFragment.gif" width="180" height="290" alt="Screenshot"/>
[ViewRevealAnimator](https://github.com/sephiroth74/ViewRevealAnimator) | <img src="/demoRes/ViewRevealAnimator.gif" width="180" height="290" alt="Screenshot"/>

## <a name="Tricks">Tricks</a>
Name | Demo
--- | ---
[Android-ObservableScrollView](https://github.com/ksoichiro/Android-ObservableScrollView) | <img src="/demoRes/Android-ObservableScrollView-a.gif" width="220" height="180" alt="Screenshot"/> <img src="/demoRes/Android-ObservableScrollView-c.gif" width="220" height="280" alt="Screenshot"/>
[ViewPagerHeaderScrollDemo](https://github.com/ongakuer/ViewPagerHeaderScrollDemo) | <img src="/demoRes/viewpagerheaderdemo.gif" width="180" height="290" alt="Screenshot"/>
[MaterialTextScaleToolbarDemo](https://github.com/yueban/MaterialTextScaleToolbarDemo)| <img src="/demoRes/MaterialTextScaleToolbarDemo.gif" width="180" height="290"/>
[Scrollable](https://github.com/noties/Scrollable)| <img src="/demoRes/Scrollable.gif" width="180" height="290"/>

## <a name="Vector & SVG & path-view">Vector & SVG & path-view</a>
Name | Demo
--- | ---
[vector-compat](https://github.com/wnafee/vector-compat)  | <img src="/demoRes/vector-compat-a.gif" width="80" height="80" alt="Screenshot"/> <img src="/demoRes/vector-compat-b.gif" width="110" height="80" alt="Screenshot"/> <img src="/demoRes/vector-compat-c.gif" width="110" height="80" alt="Screenshot"/>
[animated-vector-drawable](https://github.com/chiuki/animated-vector-drawable) | <img src="/demoRes/animated-vector-drawable.gif" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/animated-vector-drawable-b.gif" width="180" height="290" alt="Screenshot"/>
[android-pathview](https://github.com/geftimov/android-pathview) | <img src="/demoRes/android-pathview-a.gif" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/android-pathview-b.gif" width="180" height="290" alt="Screenshot"/>
[SVG-Loaders](https://github.com/SamHerbert/SVG-Loaders) | [SVG-Loaders-Previewed](http://samherbert.net/svg-loaders/)

## <a name="Dialog">Dialog</a>
Name | Demo
--- | ---
[MaterialDialog](https://github.com/drakeet/MaterialDialog) | <img src="/demoRes/MaterialDialog.png" width="180" height="290" alt="Screenshot"/>
[material-dialogs](https://github.com/afollestad/material-dialogs) | <img src="/demoRes/material-dialogs-a.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/material-dialogs-b.png" width="180" height="290" alt="Screenshot"/>
[PostOffice](https://github.com/r0adkll/PostOffice) | <img src="/demoRes/PostOffice.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/PostOffice-b.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/PostOffice-c.png" width="180" height="290" alt="Screenshot"/>
[L-Dialogs](https://github.com/lewisjdeane/L-Dialogs) | <img src="/demoRes/L-Dialogs.jpg" width="1000" height="350" alt="Screenshot"/>
[MaterialStuffLibrary](https://github.com/AndroidDeveloperLB/MaterialStuffLibrary) | <img src="/demoRes/MaterialStuffLibrary-a.png" width="180" height="290" alt="Screenshot"/> <img src="/demoRes/MaterialStuffLibrary-b.png" width="180" height="290" alt="Screenshot"/>
[AlertDialogPro](https://github.com/fengdai/AlertDialogPro) | <img src="/demoRes/AlertDialogPro-a.png" width="250" height="180" alt="Screenshot"/> <img src="/demoRes/AlertDialogPro-b.png" width="250" height="180" alt="Screenshot"/> <img src="/demoRes/AlertDialogPro-c.png" width="250" height="180" alt="Screenshot"/> <img src="/demoRes/AlertDialogPro-d.png" width="250" height="180" alt="Screenshot"/>


# <a name="Project">Project</a>
Name | Demo
--- | ---
[philm](https://github.com/chrisbanes/philm) | <img src="/demoRes/philm.gif" width="180" height="290" alt="Screenshot"/>
[InstaMaterial](https://github.com/frogermcs/InstaMaterial) | <img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/InstaMaterial.png" width="180" height="290" alt="Screenshot"/>
[Material-Movies](https://github.com/saulmm/Material-Movies) | <img src="/demoRes/Material-Movies.png" width="520" height="300" alt="Screenshot"/>
[WaniKani-for-Android](https://github.com/xiprox/WaniKani-for-Android)  | <img src="/demoRes/WaniKani-for-Android.png" width="480" height="240" alt="Screenshot"/>
[GitLabAndroid](https://github.com/ekx/GitLabAndroid) | <img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/GitLabAndroid.png"  alt="Screenshot"/>

#Thanks to
[inferjay](https://github.com/inferjay)  
[QichaoChen](https://github.com/QichaoChen)  
[miao1007](https://github.com/miao1007)  
[yueban](https://github.com/yueban)  
[lsjwzh](https://github.com/lsjwzh)  

#About Me
Weibo: [light_sky](http://www.weibo.com/lightSkyStreet)   
Twitter:  [lightSkyStreet](https://twitter.com/lightSkyStreet)  
Blog:  [lightskystreet.com](http://www.lightskystreet.com/)  
Email: lightsky.cn@gmail.com