Awesome-MaterialDesign
Collection of material design libs and res.
https://github.com/lightSky/Awesome-MaterialDesign
Last synced: about 1 month ago
JSON representation
<a name="Blog">Blog</a>
Google Blog
- android-design-support-library
- AppCompat v21 — Material Design for Pre-Lollipop Devices!
- Implementing material design in your Android app
- Material Design on Android Checklist
- 进入Material Design时代
- AppCompat V21：将 Materia Design 兼容到5.0之前的设备
- AppCompat V21：将 Materia Design 兼容到5.0之前的设备
- 进入Material Design时代
Personal Blog
<a name="Design Res">Design Res</a>
Personal Blog
<a name="Dialog">Dialog</a>
Personal Blog
- PostOffice - b.png" width="180" height="290" alt="Screenshot"/>
- inferjay
- QichaoChen
- miao1007
- yueban
- lsjwzh
- light_sky
- lightSkyStreet
- lightskystreet.com
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- MaterialDialog
- material-dialogs - dialogs-a.png" width="180" height="290" alt="Screenshot"/>
- L-Dialogs - Dialogs.jpg" width="1000" height="350" alt="Screenshot"/>
- AlertDialogPro - a.png" width="250" height="180" alt="Screenshot"/>
- philm
- InstaMaterial
- Material-Movies - Movies.png" width="520" height="300" alt="Screenshot"/>
- WaniKani-for-Android - for-Android.png" width="480" height="240" alt="Screenshot"/>
- GitLabAndroid
- light_sky
- lightskystreet.com
- light_sky
- MaterialStuffLibrary - a.png" width="180" height="290" alt="Screenshot"/>
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
- light_sky
<a name="doc">Doc</a>
<a name="EditText">EditText</a>
Personal Blog
- MaterialEditText - a.png" width="250" height="170" alt="Screenshot"/>
- MaterialTextField - a.jpg" width="250" height="170" alt="Screenshot"/>
<a name="FAB">FAB</a>
Personal Blog
- FloatingActionButton
- tickplusdrawable
- Android-Material-circular-button - Material-circular-button-a.gif" width="180" height="290" alt="Screenshot"/>
- FloatingActionButton - a.png" width="180" height="290" alt="Screenshot"/>
- RapidFloatingActionButton - a.gif" width="180" height="290" alt="Screenshot"/>
<a name="Google Design-Support-Library">Google Design-Support-Library</a>
<a name="Google Material Design App">Google Material Design App</a>
<a name="Google Samples">Google Samples</a>
- SwipeRefreshMultipleViews
- SwipeRefreshListFragment
- SwipeRefreshLayoutBasic
- RevealEffectBasic
- android-Interpolator
- FloatingActionButtonBasic
- ElevationBasic
- SwipeRefreshMultipleViews
- SwipeRefreshLayoutBasic
- RevealEffectBasic
- android-Interpolator
- SwipeRefreshListFragment
- FloatingActionButtonBasic
- ElevationBasic
<a name="Libraries">Libraries</a>
Personal Blog
- material-design-library - design-library-a.png" width="180" height="290" alt="Screenshot"/>
- MaterialWidget
- MaterialDesignLibrary - a.png" width="160" height="100" alt="Screenshot"/>
- material - a.gif" width="70" height="70" alt="Screenshot"/>
- Material Design In XAML Toolkit
<a name="Menu & Drawer">Menu & Drawer</a>
Personal Blog
- MaterialDrawer - a.png" width="180" height="290" alt="Screenshot"/>
- MaterialNavigation
- material-drawer
- android-ui - ui-a.gif" width="70" height="70" alt="Screenshot"/>
- material-menu - menu.gif" width="290" height="50" alt="Screenshot"/>
- DrawerArrowDrawable
- LDrawer
- android-material-drawer-template - material-drawer-template.gif" width="180" height="290" alt="Screenshot"/>
- MaterialTabs - a.png" width="180" height="290" alt="Screenshot"/>
- L-Navigation-Drawer - Navigation-Drawer-a.png" width="180" height="290" alt="Screenshot"/>
- MaterialNavigationDrawer - a.png" width="180" height="290" alt="Screenshot"/>
- MenuAnimation - b.gif" width="180" height="290" alt="Screenshot"/>
- Material_Navigationdrawer
- NavigationDrawer-MaterialDesign - materialdesign.png" width="180" height="290" alt="Screenshot"/>
- material-drawer
<a name="Palette">Palette</a>
Personal Blog
- material-painter - painter.gif" width="180" height="290" alt="Screenshot"/>
<a name="Reveal">Reveal</a>
Personal Blog
- RevealLayout
- CircularRevealFragment - CircularRevealFragment.gif" width="180" height="290" alt="Screenshot"/>
- ViewRevealAnimator
- CircularReveal
<a name="Ripple">Ripple</a>
Personal Blog
- RippleEffect
- RippleView
- android-ripple-background - ripple-background-a.gif" width="180" height="290" alt="Screenshot"/>
- material-ripple - ripple-a.gif" width="180" height="290" alt="Screenshot"/>
- PaperStyleWidgets - a.gif" width="220" height="170" alt="Screenshot"/>
- material-design-toolkit