Android Material Design For Pre Lollipop

screenshot of Android Material Design For Pre Lollipop
material-ui

Various UI implementations, animations & effects based on Material Design compatible with pre Lollipop devices as well. (Work in progess)

Overview:

The Android Material Design for pre-Lollipop is a project that aims to implement various UI components, animations, and effects based on Material Design guidelines for devices running on Android versions prior to Lollipop. This project is still a work in progress.

Features:

  • Google+ like screen (Toolbar & FAB animation): Demonstrates animation similar to the Google+ app where the toolbar and Floating Action Button (FAB) hide upon scrolling down and translate back up when scrolled up. The FAB also has a grow animation upon entrance.
  • Transparent Toolbar with Ripple imitation: Creates a transparent and overlaid toolbar. On click of the FAB, a ripple-like effect is spread over the entire background. This feature is useful for pre-Lollipop devices.
  • Navigation Drawer: Provides a Material Design styled Navigation Drawer with a header image and menu. It is a quick way to get started with a Navigation Drawer and is made using the Design Support Library.
  • Toolbar Header Animation: Allows for a large header image with on scroll animation for the toolbar. The toolbar's color is dynamically changed based on the header image using the Palette class from the Design Support Library. Includes a Floating Action Button (FAB) Design library widget.
  • Tab Strip: Implements a Material Design tab strip attached below the toolbar. It includes on scroll hide and reveal animations and is developed using the Design Support Library.
  • Cardview Toolbar (Nested Toolbar): Implements a nested toolbar using a Cardview.
  • Bottom Sheets along with Gmail app style lists: Provides bottom sheets along with lists styled similar to the Gmail app.
  • Reveal Animation (WhatsApp attach button animation) pre-Lollipop compatible: Implements a reveal animation similar to the WhatsApp attach button animation. This feature is compatible with pre-Lollipop devices.
  • Onboarding with ViewPager (Google style): Enables onboarding with a ViewPager in the style of Google's onboarding process.

Summary:

The Android Material Design for pre-Lollipop is a project that brings Material Design components, animations, and effects to devices running on Android versions prior to Lollipop. It allows developers to implement various UI features like Google+ like screen animations, transparent toolbars with ripple effects, navigation drawers, toolbar header animations, tab strips, cardview toolbars, bottom sheets, reveal animations, and onboarding with ViewPager. With this project, developers can create visually appealing and interactive user interfaces for pre-Lollipop devices.

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

material-design
Material Design

Material Design is a design system developed by Google that provides a set of guidelines, components, and tools for creating visually appealing and functional user interfaces. Material Design is designed to be flexible and customizable, making it a great choice for a wide range of applications and use cases.