10 Most Popular Material Design Frameworks 2017

1
Most Popular Material Design Frameworks
http//www.ficode.co.uk/
2
About Material Design Framework
Google developed material design framework in
2014 to cover the gap between physical and
digital world. Material design framework became
so popular because of there unified system that
combines theory, resources, and tools for
crafting digital experiences. It is based
on many principles including things like proper
animations, responsiveness, and smart usage of
colors and shadows. Although Google's design
language is seen mainly in native Android apps,
it's still a great choice for web and hybrid
applications. To aid users in the creation of web
projects rocking the Material look, there
are many frameworks and libraries offering
ready-to-use components and styles.
3
1. MUI CSS
MUI is a lightweight CSS framework that follows
Google's Material Design guidelines. It was
designed from the ground up to be fast, small and
developer friendly.
Few Salient Features of MUI CSS

• CSS-namespace to separate framework and app
  markup.
• Small payload size.
• No external dependencies.
• Automatically attaches event handlers to new DOM
  nodes.
• JavaScript library can be loaded asynchronously.
• Cross platform support (e.g. HTML Email, React,
  WebComponents).

Download MUI CSS
4
2. MATERIALIZE
Materialize is a modern responsive CSS framework
based on Material Design by Google.
Few Salient Features of Materialize

• Inbuilt responsive designing.
• Standard CSS with minimal footprint.
• New versions of common user interface.
• Enhanced and specialized features.
• Free to use and requires jQuery JavaScript
  library.

Download Materialize
5
3. BOOTSTRAP
Build responsive, mobile-first projects on the
web with the world's most popular Material Design
front-end component library.
Few Salient Features of Bootstrap Material Design

• Latest design and development standards.
• Important global styles and settings.
• Responsive meta tag.
• HTML5 doctype.
• Using Reboot for improving cross-browser
  rendering.
• More Straightforward sizing in CSS.

Download Bootstrap
6
4. ANGULARJS MATERIAL
AngularJS Material is both a UI Component
framework and a reference implementation of
Google's Material Design Specification.
Few Salient Features of AngularJS Material

• Recently released Version 1.
• Fast and Consistent.
• AngularJS Material works only with AngularJS
  1.x.
• Provides a set of reusable, well-tested, and
  accessible UI components.
• Different devices and different screen sizes.
• Unified system of visual, motion, and
  interaction design.

Download ANGULARJS
7
5. MATERIAL-UI
A Set of React Components that Implement Google's
Material Design. This is a very polished library
featuring pixel-perfect CSS styles and animations.
Few Salient Features of Material-UI

• Vast range of React JS Components.
• User-friendly elements .
• Using HTML, CSS and some JavaScript.
• Single Page Applications.
• Provide a fluid, responsive, and fast web
  experience.
• Customize themes, styles and colors.

Download Material - UI
8
6. POLYMER
Polymer is a JavaScript library that helps you
create custom reusable HTML elements, and use
them to build reliable, scalable maintainable
apps.
Few Salient Features of Polymer

• Lightweight library with full advantage of Web
  Components.
• Standard Web Components APIs.
• Less expensive to maintain.
• Paper elements collection.
• Combination with HTTP/2 and server push.
• Standard module formats like HTML Imports and
  ES6 Modules.

Download MUI CSS
Download Polymer
9
7. IONIC MATERIAL
This is an extension library for the Ionic hybrid
mobile app framework. Now unlock the depth,
motion ink specs of Google's material design
with easy-to-add-on classes.
Few Salient Features of Ionic Material

• Easily Integrates with directives.
• Option to Extends Ionic classes.
• Interact for ink effects.
• Option to develop reusable themes around it.
• Totally Themeable.
• Follow Material Design Specification.

Download Ionic Material
10
8. LUMX
LumX will help you to design beautiful
applications, faster and easier. LumX is built
based on Google guidelines, respecting metrics in
a pixel perfect way.
Few Salient Features of LumX Material

• Built with Sass, Bourbon, Neat, jQuery.
• LumX is fully responsive framework.
• Uses core jQuery.
• Ensure better performance.
• Grade Material design implementation.
• Quickly customize your application design.

Download LumX Material
11
9. PHONON
The Phonon framework is a light weight flexible
Hybrid App Framework for the development of
hybrid mobile apps.
Few Salient Features of Phonon Material

• Light weight Mobile Framework.
• Scalable, flexible and customizable HTML5 Web.
• User Interface Event Control.
• Not depend on any third party libraries.
• Support Apache Cordova / PhoneGap.
• JavaScript and CSS components are based on
  Material Design specs.

Download Phonon
12
10. FRAMEWORK7
Material Swift is a UI/UX framework for creating
beautiful applications. It introduces an
animation system as Motion, a library dedicated
to animations transitions.
Framework7 - is a free and open source mobile
HTML framework to develop hybrid mobile apps or
web apps with iOS Android native look and feel.
Few Salient Features of Framework7

• Ultra easy to use.
• Develop Hybrid Mobile Apps Web Apps.
• Compatible with all platform
• iOS specific framework.
• Material Theme
• Easy to customize.

Download Framework7
13
Resources

• https//github.com/muicss/mui
• http//www.ficode.co.uk/blog/top-7-material-design
  -frameworks-libraries/
• https//github.com/lumapps/lumX
• https//github.com/zachfitz/Ionic-Material
• https//elements.polymer-project.org/guides/respon
  sive-material-design-layouts

14
(No Transcript)