Material Design is a design language developed by Google. The main goal of material design is to create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science.
Material Design has reached way beyond what many designers predicted at first and is now a commonly used design standard for developing mobile websites, Android applications.
Some of the principles of material design are:
1. Material is the metaphor
2. Content is bold, graphic and intentional
3. Dimensionality affords interaction
4. Users initiate change
5. Motion provides meaning
Some of its feature are as follows:
1. In-built responsive designing.
2. Standard CSS with minimal footprint.
3. Includes enhanced and specialized features like cards, tabs, navigation bars, toasts, and so on.
It is provided with colors, grids, helpers, media management, etc. so that you can rapidly create a skeleton of what you wish to build, and then use the optimized MD components to bring your design to life.
Essence is a CSS framework that implements the guidelines from Google Material Design Specification using Facebook's react.js library. Use it to easily build super-fast and great looking web & mobile interfaces. The final result is a stunning user interface element choice that’s going to create a unique user experience.
Material CSS is a lightweight alternative that uses attributes instead of using classes for defining styles. This makes the development workflow much easier and simpler. The components it include are
colors, typography, shadows, ripples, icons, inputs, forms, buttons, media, cards, panels, toolbars, lists, pages.
4.Material Design Lite:
Lots of developer are exercising their abilities at making a framework themselves, Surface is yet another lightweight framework that ends up being roughly 6kb big in size when minified.
It is both UI componenet framework and a reference implementation of Google’s material design specification. It helps in creating faster, beautiful, and responsive websites.
Angular Material components helps in constructing attractive, consistent, and functional web pages and web apps while adhering to modern web design principles like browser portability, device independence, and graceful degradation.