Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lightSky/Awesome-MaterialDesign
Collection of material design libs and res.
https://github.com/lightSky/Awesome-MaterialDesign
List: Awesome-MaterialDesign
Last synced: 8 days ago
JSON representation
Collection of material design libs and res.
- Host: GitHub
- URL: https://github.com/lightSky/Awesome-MaterialDesign
- Owner: lightSky
- Created: 2014-11-10T00:46:29.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2018-01-06T10:37:47.000Z (almost 7 years ago)
- Last Synced: 2024-05-19T20:05:04.050Z (6 months ago)
- Homepage:
- Size: 72.6 MB
- Stars: 5,908
- Watchers: 634
- Forks: 1,444
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-awesome - Awesome-MaterialDesign
- fucking-lists - Awesome-MaterialDesign - design/introduction.html). (Technical / awesome-*)
- awesomelist - Awesome-MaterialDesign - design/introduction.html). (Technical / awesome-*)
- more-awesome - Android: Awesome-MaterialDesign - Collection of material design libs and res. (To Sort)
- collection - Awesome-MaterialDesign - design/introduction.html). (Technical / awesome-*)
- lists - Awesome-MaterialDesign - design/introduction.html). (Technical / awesome-*)
- awesome-awesome - Awesome-MaterialDesign
- ultimate-awesome - Awesome-MaterialDesign - Collection of material design libs and res. (Other Lists / PowerShell Lists)
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)
## Doc
* [material-design introduction](http://www.google.com/design/spec/material-design/introduction.html)
* [MaterialDesign中文文档](http://design.1sters.com/)
## Google Samples
* [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)
## Google Material Design App
[Google 2014 iosched](https://github.com/google/iosched)
[APK](http://vdisk.weibo.com/s/av06eFs1kWSeE)
## Google Design-Support-Library
[android-design-support-library](http://android-developers.blogspot.jp/2015/05/android-design-support-library.html)
[Demo](https://github.com/chrisbanes/cheesesquare)
## Blog
### 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)
## Design Res
* [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)
## Video
* [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)
# Material Libs
## Libraries
Name|Demo
--- | ---
[android-design-support-library](https://github.com/chrisbanes/cheesesquare) | 
[MaterialDesignLibrary](https://github.com/navasmdc/MaterialDesignLibrary) | 
[material](https://github.com/rey5137/material) | 
[material-design-library](https://github.com/DenisMondon/material-design-library) | 
[MaterialWidget](https://github.com/keithellis/MaterialWidget) | 
[Material Design In XAML Toolkit](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit) | 
## Showcase
Name|Demo
--- | ---
[Curved-Fab-Reveal-Example](https://github.com/saulmm/Curved-Fab-Reveal-Example) | 
[Android-LollipopShowcase](https://github.com/mikepenz/Android-LollipopShowcase) | 
[google-io-2014-compat](https://github.com/rahulparsani/google-io-2014-compat) | 
[google-io-2014](https://github.com/romainguy/google-io-2014) | 
[MaterialList](https://github.com/dexafree/MaterialList) | 
[AndroidMaterialDesignToolbar](https://github.com/tekinarslan/AndroidMaterialDesignToolbar) | 
[Android-L-Preview-Concepts](https://github.com/saulmm/android_L_preview_example) | 
[OpenLibra-Material](https://github.com/saulmm/OpenLibra-Material) | 
[MaterialEverywhere](https://github.com/antoniolg/MaterialEverywhere) | 
[Android-Material-Example](https://github.com/saulmm/Android-Material-Example) | 
[MaterialDesignSample](https://github.com/rejasupotaro/MaterialDesignSample) | 
[Material-Action-Bar-Sample](https://github.com/xiprox/Material-Action-Bar-Sample) | 
[MaterialDesignSupport](https://github.com/shawwinbin/MaterialDesignSupport) | 
## FAB
Name|Demo
--- | ---
[FloatingActionButton](https://github.com/FaizMalkani/FloatingActionButton) |
[android-floating-action-button](https://github.com/futuresimple/android-floating-action-button) | 
[FloatingActionButton](https://github.com/makovkastar/FloatingActionButton) | 
[tickplusdrawable](https://github.com/flavienlaurent/tickplusdrawable) | 
[Android-Material-circular-button](https://github.com/glomadrian/Android-Material-circular-button) | 
[FloatingActionButton](https://github.com/Clans/FloatingActionButton) | 
[RapidFloatingActionButton](https://github.com/wangjiegulu/RapidFloatingActionButton) | 
## Menu & Drawer
Name | Demo
--- | ---
[android-ui](https://github.com/markushi/android-ui) | 
[material-menu](https://github.com/balysv/material-menu) | 
[DrawerArrowDrawable](https://github.com/ChrisRenke/DrawerArrowDrawable) | 
[LDrawer](https://github.com/ikimuhendis/LDrawer) | 
[MaterialDrawer](https://github.com/mikepenz/MaterialDrawer) | 
[android-material-drawer-template](https://github.com/kanytu/android-material-drawer-template) | 
[MaterialTabs](https://github.com/neokree/MaterialTabs) | 
[L-Navigation-Drawer](https://github.com/lewisjdeane/L-Navigation-Drawer) | 
[MaterialNavigationDrawer](https://github.com/neokree/MaterialNavigationDrawer) | 
[NavigationDrawer-MaterialDesign](https://github.com/rudsonlive/NavigationDrawer-MaterialDesign) | 
[MenuAnimation](https://github.com/onivas/MenuAnimation) | 
[Material_Navigationdrawer](https://github.com/DympyDev/Material_Navigationdrawer) |
[MaterialNavigation](https://github.com/datallboy/MaterialNavigation) |
[material-drawer](https://github.com/HeinrichReimer/material-drawer ) |
## View
Name | Demo
--- | ---
[MaterialImageView](https://github.com/zhaozhentao/MaterialImageView) | 
[MaterialViewPager](https://github.com/florent37/MaterialViewPager) | 
[Android-MaterialPreference](https://github.com/jenzz/Android-MaterialPreference) | 
[SwipeableCard](https://github.com/michelelacorte/SwipeableCard) | 
## Widget
Name | Demo
--- | ---
[materialish-progress](https://github.com/pnikosis/materialish-progress) | 
[MaterialLoadingProgressBar](https://github.com/lsjwzh/MaterialLoadingProgressBar) | 
[SwipyRefreshLayout](https://github.com/OrangeGangsters/SwipyRefreshLayout) | 
[MaterialSettings](https://github.com/kenumir/MaterialSettings) | 
[SwitchButton](https://github.com/kyleduo/SwitchButton) | 
[discreteSeekBar](https://github.com/AnderWeb/discreteSeekBar) | 
[material-range-bar](https://github.com/oli107/material-range-bar) | 
[material-calendarview](https://github.com/prolificinteractive/material-calendarview) | 
[BetterSpinner](https://github.com/Lesilva/BetterSpinner) | 
## EditText
Name | Demo
--- | ---
[MaterialEditText](https://github.com/rengwuxian/MaterialEditText) | 
[MaterialTextField](https://github.com/zst123/MaterialTextField) | 
## SnackBar
Name | Demo
--- | ---
[SnackBar](https://github.com/Kennyc1012/SnackBar) | 
[snackbar](https://github.com/nispok/snackbar) | 
## Palette
Name | Demo
--- | ---
[material-painter](https://github.com/novoda/material-painter) | 
## Transition
Name | Demo
--- | ---
[transitions-everywhere](https://github.com/andkulikov/transitions-everywhere) | 
[PreLollipopTransition](https://github.com/takahirom/PreLollipopTransition) | 
[Material-Animations](https://github.com/lgvalle/Material-Animations) | 
## Ripple
Name | Demo
--- | ---
[RippleEffect](https://github.com/traex/RippleEffect) | 
[RippleView](https://github.com/siriscac/RippleView) | 
[android-ripple-background](https://github.com/skyfishjy/android-ripple-background) | 
[material-ripple](https://github.com/balysv/material-ripple) | 
[PaperStyleWidgets](https://github.com/aNNiMON/PaperStyleWidgets) | 
[material-design-toolkit](https://github.com/twang2218/material-design-toolkit) |
## Reveal
Name | Demo
--- | ---
[android-ui](https://github.com/markushi/android-ui) | 
[CircularReveal](https://github.com/03uk/CircularReveal) | 
[RevealLayout](https://github.com/kyze8439690/RevealLayout) | 
[CircularRevealFragment](https://github.com/ferdy182/Android-CircularRevealFragment) | 
[ViewRevealAnimator](https://github.com/sephiroth74/ViewRevealAnimator) | 
## Tricks
Name | Demo
--- | ---
[Android-ObservableScrollView](https://github.com/ksoichiro/Android-ObservableScrollView) | 
[ViewPagerHeaderScrollDemo](https://github.com/ongakuer/ViewPagerHeaderScrollDemo) | 
[MaterialTextScaleToolbarDemo](https://github.com/yueban/MaterialTextScaleToolbarDemo)| 
[Scrollable](https://github.com/noties/Scrollable)| 
## Vector & SVG & path-view
Name | Demo
--- | ---
[vector-compat](https://github.com/wnafee/vector-compat) | 
[animated-vector-drawable](https://github.com/chiuki/animated-vector-drawable) | 
[android-pathview](https://github.com/geftimov/android-pathview) | 
[SVG-Loaders](https://github.com/SamHerbert/SVG-Loaders) | [SVG-Loaders-Previewed](http://samherbert.net/svg-loaders/)
## Dialog
Name | Demo
--- | ---
[MaterialDialog](https://github.com/drakeet/MaterialDialog) | 
[material-dialogs](https://github.com/afollestad/material-dialogs) | 
[PostOffice](https://github.com/r0adkll/PostOffice) | 
[L-Dialogs](https://github.com/lewisjdeane/L-Dialogs) | 
[MaterialStuffLibrary](https://github.com/AndroidDeveloperLB/MaterialStuffLibrary) | 
[AlertDialogPro](https://github.com/fengdai/AlertDialogPro) | 
# Project
Name | Demo
--- | ---
[philm](https://github.com/chrisbanes/philm) | 
[InstaMaterial](https://github.com/frogermcs/InstaMaterial) | 
[Material-Movies](https://github.com/saulmm/Material-Movies) | 
[WaniKani-for-Android](https://github.com/xiprox/WaniKani-for-Android) | 
[GitLabAndroid](https://github.com/ekx/GitLabAndroid) | 
#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: [email protected]