{"id":13415870,"url":"https://github.com/lightSky/Awesome-MaterialDesign","last_synced_at":"2025-03-14T23:31:09.660Z","repository":{"id":23061463,"uuid":"26414854","full_name":"lightSky/Awesome-MaterialDesign","owner":"lightSky","description":"Collection of material design libs and res.","archived":false,"fork":false,"pushed_at":"2018-01-06T10:37:47.000Z","size":76176,"stargazers_count":5908,"open_issues_count":13,"forks_count":1444,"subscribers_count":634,"default_branch":"master","last_synced_at":"2024-05-19T20:05:04.050Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lightSky.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-11-10T00:46:29.000Z","updated_at":"2024-04-23T17:00:32.000Z","dependencies_parsed_at":"2022-08-07T10:16:40.237Z","dependency_job_id":null,"html_url":"https://github.com/lightSky/Awesome-MaterialDesign","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightSky%2FAwesome-MaterialDesign","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightSky%2FAwesome-MaterialDesign/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightSky%2FAwesome-MaterialDesign/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightSky%2FAwesome-MaterialDesign/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lightSky","download_url":"https://codeload.github.com/lightSky/Awesome-MaterialDesign/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243663456,"owners_count":20327299,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T21:00:52.661Z","updated_at":"2025-03-14T23:31:09.641Z","avatar_url":"https://github.com/lightSky.png","language":null,"readme":"Awesome-MaterialDesign\n==================\n\nA curated list of awesome Android MaterialDesign res and libraries. Feel free to contrubute.\n\n##Other Awesome List\n* [awesome](https://github.com/sindresorhus/awesome)\n* [awesome-android](https://github.com/snowdream/awesome-android)  \n* [awesome-android-ui](https://github.com/wasabeef/awesome-android-ui)  \n* [awesome-java](https://github.com/akullpp/awesome-java)  \n* [awesome-ios-ui](https://github.com/cjwirth/awesome-ios-ui)  \n* [awesome-swift](https://github.com/matteocrippa/awesome-swift)  \n* [awesome-svg](https://github.com/willianjusten/awesome-svg)\n* [awesome-resources](https://github.com/lyfeyaj/awesome-resources)  \n* [awesome-awesomeness](https://github.com/bayandin/awesome-awesomeness)\n\n## List of Awesome-MaterialDesign\n###Doc and Res \nSome google and personal doc , design res and samples.   \n\n* [Doc](#doc)\n* [Google Samples](#google-samples)\n* [Google Material Design App](#Google Material Design App)\n* [Google Design-Support-Library](#Google Design-Support-Library)\n* [Blog](#Blog)\n* [Design Res](#Design Res)\n\n###MaterialDesign Libraries \nLibraries on the github.  \n\n* [Libraries](#Libraries)\n* [Showcase](#Showcase)\n* [FAB](#FAB)\n* [Menu \u0026 Drawer](#Menu \u0026 Drawer)\n* [View](#View)\n* [Widget](#Widget)\n* [EditText](#EditText)\n* [SnackBar](#SnackBar)\n* [Palette](#Palette)\n* [Transition](#Transition)\n* [Ripple](#Ripple)\n* [Reveal](#Reveal) \n* [Tricks](#Tricks)\n* [Vector \u0026 SVG \u0026 path-view](#Vector \u0026 SVG \u0026 path-view)\n* [Dialog](#Dialog)\n* [Project](#Project)\n\n\n## \u003ca name=\"doc\"\u003eDoc\u003c/a\u003e \n* [material-design introduction](http://www.google.com/design/spec/material-design/introduction.html)\n* [MaterialDesign中文文档](http://design.1sters.com/)\n\n## \u003ca name=\"Google Samples\"\u003eGoogle Samples\u003c/a\u003e\n* [SwipeRefreshMultipleViews](https://github.com/googlesamples/android-SwipeRefreshMultipleViews)\n* [SwipeRefreshListFragment](https://github.com/googlesamples/android-SwipeRefreshListFragment)\n* [SwipeRefreshLayoutBasic](https://github.com/googlesamples/android-SwipeRefreshLayoutBasic)\n* [RevealEffectBasic](https://github.com/googlesamples/android-RevealEffectBasic)\n* [android-Interpolator](https://github.com/googlesamples/android-Interpolator)\n* [FloatingActionButtonBasic](https://github.com/googlesamples/android-FloatingActionButtonBasic)\n* [ElevationBasic](https://github.com/googlesamples/android-ElevationBasic)\n\n##  \u003ca name=\"Google Material Design App\"\u003eGoogle Material Design App\u003c/a\u003e\n[Google  2014 iosched](https://github.com/google/iosched)    \n[APK](http://vdisk.weibo.com/s/av06eFs1kWSeE)\n\n## \u003ca name=\"Google Design-Support-Library\"\u003eGoogle Design-Support-Library\u003c/a\u003e\n[android-design-support-library](http://android-developers.blogspot.jp/2015/05/android-design-support-library.html)\n[Demo](https://github.com/chrisbanes/cheesesquare)\n\n## \u003ca name=\"Blog\"\u003eBlog\u003c/a\u003e \n### Google Blog\n* [AppCompat v21 — Material Design for Pre-Lollipop Devices!](http://android-developers.blogspot.jp/2014/10/appcompat-v21-material-design-for-pre.html)\n* [Implementing material design in your Android app](http://android-developers.blogspot.jp/2014/10/implementing-material-design-in-your.html)\n* [Material Design on Android Checklist](http://android-developers.blogspot.jp/2014/10/matb.com/03uk/Rerial-design-on-android-checklist.html)  \n* [android-design-support-library](http://android-developers.blogspot.jp/2015/05/android-design-support-library.html)\n\n#### Translate\n* [进入Material Design时代](http://blog.csdn.net/xushuaic/article/details/40627389)\n* [AppCompat V21：将 Materia Design 兼容到5.0之前的设备](http://blog.csdn.net/xushuaic/article/details/40212327)\n\n### Personal Blog\n* [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)\n* [My Journey to Lollipop Transitions: part 1](http://jimulabs.com/2014/12/journey-lollipop-transitions-part-1/?utm_source=Android+Weekly\u0026utm_campaign=5b8f334ff8-Android_Weekly_133\u0026utm_medium=email\u0026utm_term=0_4eb677ad19-5b8f334ff8-337298809)\n* [Content Transitions In-Depth (part 2)](http://www.androiddesignpatterns.com/2014/12/activity-fragment-content-transitions-in-depth-part2.html?utm_source=feedburner\u0026utm_medium=feed\u0026utm_campaign=Feed:+androiddesignpatterns+%28Android+Design+Patterns%29)\n* [Material design in the 2014 Google I/O app](https://medium.com/google-design/material-design-in-the-2014-google-i-o-app-e3b22caffae6)\n* [MaterialDesigh 学习笔记](http://www.uisdc.com/comprehensive-material-design-note#368390-tsina-1-73915-ebfdadd9b239798c6a2035c828aafd11)\n\n## \u003ca name=\"Design Res\"\u003eDesign Res\u003c/a\u003e \n* [www.materialup.com](http://www.materialup.com/)\n* [www.materialpalette.com](http://www.materialpalette.com/)\n* [TextDrawable](https://github.com/amulyakhare/TextDrawable)\n* [material-design-icons](https://github.com/google/material-design-icons)\n* [android-material-icons](https://github.com/Malinskiy/android-material-icons)  \n* [material-design-iconic-font](https://github.com/zavoloklom/material-design-iconic-font)\n* [material-design-icons-adt-template](https://github.com/intrications/material-design-icons-adt-template)\n* [Design resources for Material Design](https://github.com/Templarian/MaterialDesign)\n\n## \u003ca name=\"Video\"\u003eVideo\u003c/a\u003e \n* [Material design \u0026 implementation](https://skillsmatter.com/skillscasts/5627-material-design)\n* [Google I/O 2014 - Material witness: How Android material applications work](https://www.youtube.com/watch?v=97SWYiRtF0Y\u0026feature=youtu.be)\n\n# \u003ca name=\"Material Libs\"\u003eMaterial Libs\u003c/a\u003e \n## \u003ca name=\"Libraries\"\u003eLibraries\u003c/a\u003e \nName|Demo\n--- | ---\n[android-design-support-library](https://github.com/chrisbanes/cheesesquare) | \u003cimg src=\"/demoRes/design-support-library-b.png\" width=\"250\" height=\"60\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/design-support-library-c.png\" width=\"250\" height=\"60\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/design-support-library-f.png\" width=\"250\" height=\"100\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/design-support-library-a.png\" width=\"220\" height=\"280\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-design-library-e.gif\" width=\"430\" height=\"320\" alt=\"Screenshot\"/\u003e \n[MaterialDesignLibrary](https://github.com/navasmdc/MaterialDesignLibrary) | \u003cimg src=\"/demoRes/MaterialDesignLibrary-a.png\" width=\"160\" height=\"100\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDesignLibrary-b.png\" width=\"120\" height=\"60\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDesignLibrary-c.png\" width=\"130\" height=\"60\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDesignLibrary-d.png\" width=\"130\" height=\"60\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDesignLibrary-e.png\" width=\"130\" height=\"60\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDesignLibrary-h.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[material](https://github.com/rey5137/material) | \u003cimg src=\"/demoRes/material-a.gif\" width=\"70\" height=\"70\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-d.gif\" width=\"70\" height=\"70\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-e.gif\" width=\"70\" height=\"70\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-f.gif\" width=\"120\" height=\"40\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-g.gif\" width=\"100\" height=\"30\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-h.gif\" width=\"80\" height=\"30\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-i.gif\" width=\"200\" height=\"40\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-b.gif\" width=\"220\" height=\"40\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-c.gif\" width=\"220\" height=\"40\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-j.gif\" width=\"230\" height=\"120\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-j.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e   \n[material-design-library](https://github.com/DenisMondon/material-design-library) | \u003cimg src=\"/demoRes/material-design-library-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-design-library-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-design-library-c.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MaterialWidget](https://github.com/keithellis/MaterialWidget) | \u003cimg src=\"/demoRes/MaterialWidget.png\" width=\"340\" height=\"290\" alt=\"Screenshot\"/\u003e\n[Material Design In XAML Toolkit](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit) | \u003cimg src=\"/demoRes/MaterialDesignInXamlToolkit.gif\" width=\"340\" height=\"217\" alt=\"Screenshot\"/\u003e\n\n## \u003ca name=\"Showcase\"\u003eShowcase\u003c/a\u003e \nName|Demo\n--- | ---\n[Curved-Fab-Reveal-Example](https://github.com/saulmm/Curved-Fab-Reveal-Example)  | \u003cimg src=\"/demoRes/Curved-Fab-Reveal-Example.gif\" width=\"180\" height=\"300\" alt=\"Screenshot\"/\u003e\n[Android-LollipopShowcase](https://github.com/mikepenz/Android-LollipopShowcase) | \u003cimg src=\"/demoRes/Android-LollipopShowcase-a.jpg\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/Android-LollipopShowcase-b.jpg\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[google-io-2014-compat](https://github.com/rahulparsani/google-io-2014-compat)  | \u003cimg src=\"/demoRes/google-io-2014-compat-a.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\u003cimg src=\"/demoRes/google-io-2014-compat-b.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[google-io-2014](https://github.com/romainguy/google-io-2014) | \u003cimg src=\"/demoRes/google-io-2014-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\u003cimg src=\"/demoRes/google-io-2014-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MaterialList](https://github.com/dexafree/MaterialList) | \u003cimg src=\"/demoRes/MaterialList-a.png\" width=\"300\" height=\"150\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialList-b.png\" width=\"300\" height=\"150\" alt=\"Screenshot\"/\u003e\n[AndroidMaterialDesignToolbar](https://github.com/tekinarslan/AndroidMaterialDesignToolbar) | \u003cimg src=\"/demoRes/AndroidMaterialDesignToolbar-a.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[Android-L-Preview-Concepts](https://github.com/saulmm/android_L_preview_example) | \u003cimg src=\"/demoRes/Android-L-Preview-Concepts.gif\" width=\"180\" height=\"290\"/\u003e\n[OpenLibra-Material](https://github.com/saulmm/OpenLibra-Material) | \u003cimg src=\"/demoRes/openlibra-material.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MaterialEverywhere](https://github.com/antoniolg/MaterialEverywhere) | \u003cimg src=\"/demoRes/MaterialEverywhere.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[Android-Material-Example](https://github.com/saulmm/Android-Material-Example) | \u003cimg src=\"/demoRes/Android-Material-Example-a.gif\" width=\"280\" height=\"160\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/Android-Material-Example-b.gif\" width=\"180\" height=\"260\" alt=\"Screenshot\"/\u003e\n[MaterialDesignSample](https://github.com/rejasupotaro/MaterialDesignSample)  | \u003cimg src=\"/demoRes/MaterialDesignSample-d.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDesignSample-a.png\" width=\"540\" height=\"290\" alt=\"Screenshot\"/\u003e\n[Material-Action-Bar-Sample](https://github.com/xiprox/Material-Action-Bar-Sample)  | \u003cimg src=\"/demoRes/Material-Action-Bar-Sample-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/Material-Action-Bar-Sample-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MaterialDesignSupport](https://github.com/shawwinbin/MaterialDesignSupport) | \u003cimg src=\"/demoRes/MaterialDesignSupport-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDesignSupport-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDesignSupport-c.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDesignSupport-d.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDesignSupport-e.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n\n\n\n## \u003ca name=\"FAB\"\u003eFAB\u003c/a\u003e \nName|Demo\n--- | ---\n[FloatingActionButton](https://github.com/FaizMalkani/FloatingActionButton) | \n[android-floating-action-button](https://github.com/futuresimple/android-floating-action-button) | \u003cimg src=\"/demoRes/android-floating-action-button-a.gif\" width=\"80\" height=\"200\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/android-floating-action-button-b.png\" width=\"80\" height=\"80\" alt=\"Screenshot\"/\u003e\n[FloatingActionButton](https://github.com/makovkastar/FloatingActionButton) | \u003cimg src=\"/demoRes/FloatingActionButton.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[tickplusdrawable](https://github.com/flavienlaurent/tickplusdrawable) | \u003cimg src=\"/demoRes/tickplusdrawable.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[Android-Material-circular-button](https://github.com/glomadrian/Android-Material-circular-button) | \u003cimg src=\"/demoRes/Android-Material-circular-button-a.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[FloatingActionButton](https://github.com/Clans/FloatingActionButton) | \u003cimg src=\"/demoRes/FloatingActionButton-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/FloatingActionButton-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/FloatingActionButton-c.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[RapidFloatingActionButton](https://github.com/wangjiegulu/RapidFloatingActionButton)  | \u003cimg src=\"/demoRes/RapidFloatingActionButton-a.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/RapidFloatingActionButton-b.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n\n## \u003ca name=\"Menu \u0026 Drawer\"\u003eMenu \u0026 Drawer\u003c/a\u003e \nName | Demo\n--- | ---\n[android-ui](https://github.com/markushi/android-ui) | \u003cimg src=\"/demoRes/android-ui-a.gif\" width=\"70\" height=\"70\" alt=\"Screenshot\"/\u003e\n[material-menu](https://github.com/balysv/material-menu) | \u003cimg src=\"/demoRes/material-menu.gif\" width=\"290\" height=\"50\" alt=\"Screenshot\"/\u003e\n[DrawerArrowDrawable](https://github.com/ChrisRenke/DrawerArrowDrawable) | \u003cimg src=\"/demoRes/DrawerArrowDrawable.gif\" width=\"290\" height=\"110\" alt=\"Screenshot\"/\u003e\n[LDrawer](https://github.com/ikimuhendis/LDrawer)  | \u003cimg src=\"/demoRes/LDrawer.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MaterialDrawer](https://github.com/mikepenz/MaterialDrawer)  | \u003cimg src=\"/demoRes/MaterialDrawer-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialDrawer-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[android-material-drawer-template](https://github.com/kanytu/android-material-drawer-template)  | \u003cimg src=\"/demoRes/android-material-drawer-template.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MaterialTabs](https://github.com/neokree/MaterialTabs)   | \u003cimg src=\"/demoRes/MaterialTabs-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialTabs-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[L-Navigation-Drawer](https://github.com/lewisjdeane/L-Navigation-Drawer)  | \u003cimg src=\"/demoRes/L-Navigation-Drawer-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MaterialNavigationDrawer](https://github.com/neokree/MaterialNavigationDrawer) | \u003cimg src=\"/demoRes/MaterialNavigationDrawer-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialNavigationDrawer-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[NavigationDrawer-MaterialDesign](https://github.com/rudsonlive/NavigationDrawer-MaterialDesign) | \u003cimg src=\"/demoRes/navigationdrawer-materialdesign.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MenuAnimation](https://github.com/onivas/MenuAnimation) | \u003cimg src=\"/demoRes/MenuAnimation-b.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[Material_Navigationdrawer](https://github.com/DympyDev/Material_Navigationdrawer) | \n[MaterialNavigation](https://github.com/datallboy/MaterialNavigation) |  \n[material-drawer](https://github.com/HeinrichReimer/material-drawer ) | \n\n## \u003ca name=\"View\"\u003eView\u003c/a\u003e \nName | Demo\n--- | ---\n[MaterialImageView](https://github.com/zhaozhentao/MaterialImageView) | \u003cimg src=\"/demoRes/MaterialImageView.jpg\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MaterialViewPager](https://github.com/florent37/MaterialViewPager) | \u003cimg src=\"/demoRes/MaterialViewPager-a.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[Android-MaterialPreference](https://github.com/jenzz/Android-MaterialPreference) | \u003cimg src=\"/demoRes/Android-MaterialPreference.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[SwipeableCard](https://github.com/michelelacorte/SwipeableCard) | \u003cimg src=\"/demoRes/SwipeableCard.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/SwipeableCard1.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n\n## \u003ca name=\"Widget\"\u003eWidget\u003c/a\u003e \nName | Demo\n--- | ---\n[materialish-progress](https://github.com/pnikosis/materialish-progress)  | \u003cimg src=\"/demoRes/materiallish-progress.gif\" width=\"210\" height=\"160\" alt=\"Screenshot\"/\u003e\n[MaterialLoadingProgressBar](https://github.com/lsjwzh/MaterialLoadingProgressBar) | \u003cimg src=\"/demoRes/MaterialLoadingProgressBar.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[SwipyRefreshLayout](https://github.com/OrangeGangsters/SwipyRefreshLayout) | \u003cimg src=\"/demoRes/SwipyRefreshLayout.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MaterialSettings](https://github.com/kenumir/MaterialSettings) | \u003cimg src=\"/demoRes/MaterialSettings.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[SwitchButton](https://github.com/kyleduo/SwitchButton) | \u003cimg src=\"/demoRes/SwitchButton-a.jpg\"  width=\"260\" height=\"260\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/SwitchButton-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[discreteSeekBar](https://github.com/AnderWeb/discreteSeekBar) | \u003cimg src=\"/demoRes/discreteSeekBar-a.gif\" width=\"450\" height=\"160\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/discreteSeekBar-b.gif\" width=\"350\" height=\"220\" alt=\"Screenshot\"/\u003e\n[material-range-bar](https://github.com/oli107/material-range-bar) | \u003cimg src=\"/demoRes/material-range-bar.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[material-calendarview](https://github.com/prolificinteractive/material-calendarview) | \u003cimg src=\"/demoRes/material-calendarview.gif\" width=\"230\" height=\"290\" alt=\"Screenshot\"/\u003e\n[BetterSpinner](https://github.com/Lesilva/BetterSpinner) | \u003cimg src=\"/demoRes/BetterSpinner.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n\n## \u003ca name=\"EditText\"\u003eEditText\u003c/a\u003e \nName | Demo\n--- | ---\n[MaterialEditText](https://github.com/rengwuxian/MaterialEditText) | \u003cimg src=\"/demoRes/MaterialEditText-a.png\" width=\"250\" height=\"170\" alt=\"Screenshot\"/\u003e\n[MaterialTextField](https://github.com/zst123/MaterialTextField) | \u003cimg src=\"/demoRes/MaterialTextField-a.jpg\" width=\"250\" height=\"170\" alt=\"Screenshot\"/\u003e\n\n## \u003ca name=\"SnackBar\"\u003eSnackBar\u003c/a\u003e \nName | Demo\n--- | ---\n[SnackBar](https://github.com/Kennyc1012/SnackBar) | \u003cimg src=\"/demoRes/SnackBar.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[snackbar](https://github.com/nispok/snackbar) | \u003cimg src=\"/demoRes/snackbar-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n\n## \u003ca name=\"Palette\"\u003ePalette\u003c/a\u003e \nName | Demo\n--- | ---\n[material-painter](https://github.com/novoda/material-painter) | \u003cimg src=\"/demoRes/material-painter.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n\n## \u003ca name=\"Transition\"\u003eTransition\u003c/a\u003e \nName | Demo\n--- | ---\n[transitions-everywhere](https://github.com/andkulikov/transitions-everywhere) | \u003cimg src=\"/demoRes/transitions-everywhere.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[PreLollipopTransition](https://github.com/takahirom/PreLollipopTransition) | \u003cimg src=\"/demoRes/PreLollipopTransition-a.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/PreLollipopTransition-b.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[Material-Animations](https://github.com/lgvalle/Material-Animations) | \u003cimg src=\"/demoRes/Material-Animations.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n\n## \u003ca name=\"Ripple\"\u003eRipple\u003c/a\u003e \nName | Demo\n--- | ---\n[RippleEffect](https://github.com/traex/RippleEffect) | \u003cimg src=\"/demoRes/RippleEffect.gif\" width=\"260\" height=\"150\" alt=\"Screenshot\"/\u003e\n[RippleView](https://github.com/siriscac/RippleView) | \u003cimg src=\"/demoRes/RippleView.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[android-ripple-background](https://github.com/skyfishjy/android-ripple-background) | \u003cimg src=\"/demoRes/android-ripple-background-a.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[material-ripple](https://github.com/balysv/material-ripple) | \u003cimg src=\"/demoRes/material-ripple-a.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[PaperStyleWidgets](https://github.com/aNNiMON/PaperStyleWidgets) | \u003cimg src=\"/demoRes/PaperStyleWidgets-a.gif\" width=\"220\" height=\"170\" alt=\"Screenshot\"/\u003e\n[material-design-toolkit](https://github.com/twang2218/material-design-toolkit) |  \n\n##  \u003ca name=\"Reveal\"\u003eReveal\u003c/a\u003e \nName | Demo\n--- | ---\n[android-ui](https://github.com/markushi/android-ui) | \u003cimg src=\"/demoRes/android-ui-ripple.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[CircularReveal](https://github.com/03uk/CircularReveal) | \u003cimg src=\"/demoRes/CircularReveal.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[RevealLayout](https://github.com/kyze8439690/RevealLayout) | \u003cimg src=\"/demoRes/RevealLayout.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[CircularRevealFragment](https://github.com/ferdy182/Android-CircularRevealFragment) | \u003cimg src=\"/demoRes/Android-CircularRevealFragment.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[ViewRevealAnimator](https://github.com/sephiroth74/ViewRevealAnimator) | \u003cimg src=\"/demoRes/ViewRevealAnimator.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n\n## \u003ca name=\"Tricks\"\u003eTricks\u003c/a\u003e\nName | Demo\n--- | ---\n[Android-ObservableScrollView](https://github.com/ksoichiro/Android-ObservableScrollView) | \u003cimg src=\"/demoRes/Android-ObservableScrollView-a.gif\" width=\"220\" height=\"180\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/Android-ObservableScrollView-c.gif\" width=\"220\" height=\"280\" alt=\"Screenshot\"/\u003e\n[ViewPagerHeaderScrollDemo](https://github.com/ongakuer/ViewPagerHeaderScrollDemo) | \u003cimg src=\"/demoRes/viewpagerheaderdemo.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[MaterialTextScaleToolbarDemo](https://github.com/yueban/MaterialTextScaleToolbarDemo)| \u003cimg src=\"/demoRes/MaterialTextScaleToolbarDemo.gif\" width=\"180\" height=\"290\"/\u003e\n[Scrollable](https://github.com/noties/Scrollable)| \u003cimg src=\"/demoRes/Scrollable.gif\" width=\"180\" height=\"290\"/\u003e\n\n## \u003ca name=\"Vector \u0026 SVG \u0026 path-view\"\u003eVector \u0026 SVG \u0026 path-view\u003c/a\u003e\nName | Demo\n--- | ---\n[vector-compat](https://github.com/wnafee/vector-compat)  | \u003cimg src=\"/demoRes/vector-compat-a.gif\" width=\"80\" height=\"80\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/vector-compat-b.gif\" width=\"110\" height=\"80\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/vector-compat-c.gif\" width=\"110\" height=\"80\" alt=\"Screenshot\"/\u003e\n[animated-vector-drawable](https://github.com/chiuki/animated-vector-drawable) | \u003cimg src=\"/demoRes/animated-vector-drawable.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/animated-vector-drawable-b.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[android-pathview](https://github.com/geftimov/android-pathview) | \u003cimg src=\"/demoRes/android-pathview-a.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/android-pathview-b.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[SVG-Loaders](https://github.com/SamHerbert/SVG-Loaders) | [SVG-Loaders-Previewed](http://samherbert.net/svg-loaders/)\n\n## \u003ca name=\"Dialog\"\u003eDialog\u003c/a\u003e\nName | Demo\n--- | ---\n[MaterialDialog](https://github.com/drakeet/MaterialDialog) | \u003cimg src=\"/demoRes/MaterialDialog.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[material-dialogs](https://github.com/afollestad/material-dialogs) | \u003cimg src=\"/demoRes/material-dialogs-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/material-dialogs-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[PostOffice](https://github.com/r0adkll/PostOffice) | \u003cimg src=\"/demoRes/PostOffice.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/PostOffice-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/PostOffice-c.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[L-Dialogs](https://github.com/lewisjdeane/L-Dialogs) | \u003cimg src=\"/demoRes/L-Dialogs.jpg\" width=\"1000\" height=\"350\" alt=\"Screenshot\"/\u003e\n[MaterialStuffLibrary](https://github.com/AndroidDeveloperLB/MaterialStuffLibrary) | \u003cimg src=\"/demoRes/MaterialStuffLibrary-a.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/MaterialStuffLibrary-b.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[AlertDialogPro](https://github.com/fengdai/AlertDialogPro) | \u003cimg src=\"/demoRes/AlertDialogPro-a.png\" width=\"250\" height=\"180\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/AlertDialogPro-b.png\" width=\"250\" height=\"180\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/AlertDialogPro-c.png\" width=\"250\" height=\"180\" alt=\"Screenshot\"/\u003e \u003cimg src=\"/demoRes/AlertDialogPro-d.png\" width=\"250\" height=\"180\" alt=\"Screenshot\"/\u003e\n\n\n# \u003ca name=\"Project\"\u003eProject\u003c/a\u003e\nName | Demo\n--- | ---\n[philm](https://github.com/chrisbanes/philm) | \u003cimg src=\"/demoRes/philm.gif\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[InstaMaterial](https://github.com/frogermcs/InstaMaterial) | \u003cimg src=\"https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/InstaMaterial.png\" width=\"180\" height=\"290\" alt=\"Screenshot\"/\u003e\n[Material-Movies](https://github.com/saulmm/Material-Movies) | \u003cimg src=\"/demoRes/Material-Movies.png\" width=\"520\" height=\"300\" alt=\"Screenshot\"/\u003e\n[WaniKani-for-Android](https://github.com/xiprox/WaniKani-for-Android)  | \u003cimg src=\"/demoRes/WaniKani-for-Android.png\" width=\"480\" height=\"240\" alt=\"Screenshot\"/\u003e\n[GitLabAndroid](https://github.com/ekx/GitLabAndroid) | \u003cimg src=\"https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/GitLabAndroid.png\"  alt=\"Screenshot\"/\u003e\n\n#Thanks to\n[inferjay](https://github.com/inferjay)  \n[QichaoChen](https://github.com/QichaoChen)  \n[miao1007](https://github.com/miao1007)  \n[yueban](https://github.com/yueban)  \n[lsjwzh](https://github.com/lsjwzh)  \n\n#About Me\nWeibo: [light_sky](http://www.weibo.com/lightSkyStreet)   \nTwitter:  [lightSkyStreet](https://twitter.com/lightSkyStreet)  \nBlog:  [lightskystreet.com](http://www.lightskystreet.com/)  \nEmail: lightsky.cn@gmail.com\n","funding_links":[],"categories":["Others","Technical","To Sort","Mobile","Awesome 系列","Other Lists","Internal","前端","资料篇"],"sub_categories":["awesome-*","TeX Lists","GitHub篇"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FlightSky%2FAwesome-MaterialDesign","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FlightSky%2FAwesome-MaterialDesign","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FlightSky%2FAwesome-MaterialDesign/lists"}