1 / 14

10 Most Popular Material Design Frameworks 2017

Google Modern Design Era introduces Material Design Frameworks which gains a lot of positive reviews by website designers with its animated elements, attractive colors & innovative layouts. http://bit.ly/2AzJ6z6

Télécharger la présentation

10 Most Popular Material Design Frameworks 2017

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.


Presentation Transcript

  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/responsive-material-design-layouts

More Related