Material Design Android UI Kit

Overview

We made this beautiful Android UI template with idea to provide developers easy and practical way to make their apps also beautiful. With our Android UI template you don’t need to loose your precious time to set up pre-designed graphic – we did it for you!
All elements are inspired with Android Material Design and created by their instructions.
Also all elements are available to be used in older versions of Android so you don’t need to have expensive smartphone to have awesome Material design. You can easily implement components from Android UI template just by following our huge and well organized documentation.
Your’s is just to code, we do the design.
Easy as cake. Happy coding! happy.png

Features

Full feature list

To be able to have all of these beautiful elements available, we had to use some open source projects to achieve this. We have described in documentation and shown in our demo app how to use these projects. This is the list of projects we used to bring beautiful design in life:

  • Universal Image Loader – link – Used for effective image loading. Take a look at library for more details.
  • Pager Sliding Tab Strip – link – This project is used to make items in Tab category.
  • Ken Burns View – link – Extended ImageView that is capable of showing Ken Burns Effect.
  • Progress Wheel – link – Progress bar.
  • Circular Progress Button – link – Yet another example of a progress bar.
  • Float Labeled Text Field – link – This project allows us to show hint text above edit text when we start typing. This might be useful when you have prepopulated Edit Text fields, or when you have a large number of them to show user what is purpose of every Edit Text field.
  • Material Ripple Layout – link – We use this project to bring Material design ripple effect to api levels lower then Lollipop API level (pre-21). If you want to get ripple effect, add MaterialRippleLayout to your xml layout, then nest you own views into it.
  • Pull Zoom View – link – This project allows us to show parallax effect with image that is attached on top of ListView or ScrollView. You can see an example by clicking the link of project.
  • Not Boring ActionBar – link – Take a look at this link for more details.
  • Shape Image View – link – This project allows us to create different shapes around images using ImageViews. Visit link for more information.
  • List View Animations – link – For the most beautiful animations you want with your ListView items, use this project. To use this project with Sticky List Headers, use project below (Sticky List Headers).
  • Sticky List Headers – link – Sticky list headers project allows you to have headers drown above ListView (like the ones you have in Instagram application). For more information, take a look at a the link.
  • Animated Expandable List View – link – This project is used to animate expanded list items in ExpandableListView.

Requirements

  •  Project update ot use newest version of builds tools (27.0.3),
  •  Project updated to use gradle version 4.4 and compatible studio plugin

Instructions

Check the documentation for this project with detailed instructions.

Related