{"id":1835,"date":"2018-06-21T09:57:19","date_gmt":"2018-06-21T09:57:19","guid":{"rendered":"https:\/\/dev.useme.com\/en\/blog\/?p=1835"},"modified":"2022-08-17T12:49:46","modified_gmt":"2022-08-17T12:49:46","slug":"9-best-free-material-design-ui-kits-2018","status":"publish","type":"post","link":"https:\/\/useme.com\/en\/blog\/9-best-free-material-design-ui-kits-2018,99\/","title":{"rendered":"9 Best Free Material Design UI kits &#8211; 2018"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_79_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/useme.com\/en\/blog\/9-best-free-material-design-ui-kits-2018,99\/#Free_Material_Design_UI_KIT\" >Free Material Design UI KIT<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/useme.com\/en\/blog\/9-best-free-material-design-ui-kits-2018,99\/#Android_Material_design_UI_Kit_Sketch_Resource\" >Android Material design UI Kit Sketch Resource<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/useme.com\/en\/blog\/9-best-free-material-design-ui-kits-2018,99\/#iOS11_GUI_KIT\" >iOS11 GUI KIT<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/useme.com\/en\/blog\/9-best-free-material-design-ui-kits-2018,99\/#Google_Material_Design_UI_Sketch_Resource\" >Google Material Design UI Sketch Resource<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/useme.com\/en\/blog\/9-best-free-material-design-ui-kits-2018,99\/#Material_KIT\" >Material KIT<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/useme.com\/en\/blog\/9-best-free-material-design-ui-kits-2018,99\/#Material_Design_for_Bootstrap_4_Free\" >Material Design for Bootstrap 4 Free<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/useme.com\/en\/blog\/9-best-free-material-design-ui-kits-2018,99\/#Free_Modern_Google_Material_UI_kit_PSD\" >Free Modern Google Material UI kit PSD<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/useme.com\/en\/blog\/9-best-free-material-design-ui-kits-2018,99\/#Smart_Watch_UI_KIT_%E2%80%93_Adobe_XD\" >Smart Watch UI KIT \u2013 Adobe XD<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/useme.com\/en\/blog\/9-best-free-material-design-ui-kits-2018,99\/#Design_Toolkits_and_samples_for_UWP_Apps_%E2%80%93_Windows_Microsoft\" >Design Toolkits and samples for UWP Apps \u2013 Windows Microsoft<\/a><\/li><\/ul><\/nav><\/div>\n<p>The material design has formed its distinctive design style since 2014. Created and released by Google, it has become a full platform design language specification including Android Mobile, Android Tablet, Desktop Chrome, etc. Material Design can be seen across all of Google\u2019s mobile apps including Gmail, Inbox, Calendar, YouTube and even the desktop sites.<\/p>\n<p>Many UX\/UI designers have followed this trend in their design work. We\u2019d like to share 8 excellent material design UI kits, they are free, hope we bring you some inspiration.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Free_Material_Design_UI_KIT\"><\/span>Free Material Design UI KIT<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This Material Design UI Kit is a UI kit deliberately created for quick and easy web designs projects at the start-up phase. We kept the structure and simplicity of Google Material design guidelines. Due to huge variation of elements and 100% customization of every detail, This Free Material Design UI Kit will allow you to save lots of time on starting your fresh project and pledge right into working on your new awesome web design project.<\/p>\n<p>\u2022 Works in Photoshop CS6+<br \/>\n\u2022 Free font family used<br \/>\n\u2022 Grouped layers<br \/>\n\u2022 Customizable vector shapes<br \/>\n\u2022 Google Material design UI Style<\/p>\n<p>Format: PSD<br \/>\nPrice: <strong>Free<\/strong><\/p>\n<p><a href=\"http:\/\/bit.ly\/FreeMaterialUI\" target=\"_blank\" rel=\"noopener\">Download<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Android_Material_design_UI_Kit_Sketch_Resource\"><\/span>Android Material design UI Kit Sketch Resource<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This Android Material Design UI Kit for Sketch was designed by Ivan Bjelajac. this great Sketch library contains plenty mobile app UI elements with more than 110000 download times.<\/p>\n<p>Format: Sketch<br \/>\nPrice: <strong>Free<\/strong><\/p>\n<p><a href=\"http:\/\/bit.ly\/AndroidMaterialUISketch\" target=\"_blank\" rel=\"noopener\">Download<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"iOS11_GUI_KIT\"><\/span>iOS11 GUI KIT<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>iOS11 GUI Kit includes 22 screens, 10 keyboards, fully vector elements and 100% vector shapes that are fully layered, organized and grouped. Downloaded more than 26000 times! Enjoy!<\/p>\n<p>Format: Sketch<br \/>\nPrice: <strong>Free<\/strong><\/p>\n<p><a href=\"http:\/\/bit.ly\/iOS11GUIKITSketch\" target=\"_blank\" rel=\"noopener\">Download<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Google_Material_Design_UI_Sketch_Resource\"><\/span>Google Material Design UI Sketch Resource<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This Google Material Design UI was designed by Google &#8211; Material Design layouts, light and dark symbols for status bars, app bars, bottom toolbars, cards, drop-down menus, search field, dividers, side navs, dialogs, floating action buttons, and other components. Downloaded more than 67000 times.<\/p>\n<p>\u2022 Designed by Google<br \/>\n\u2022 Google Material Design Layouts<\/p>\n<p>Format: Sketch<br \/>\nPrice: <strong>Free<\/strong><\/p>\n<p><a href=\"http:\/\/bit.ly\/GoogleMaterialDesignUI\" target=\"_blank\" rel=\"noopener\">Download<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Material_KIT\"><\/span>Material KIT<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google&#8217;s material design. You asked for it, so we built it. It&#8217;s a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project.<\/p>\n<p>\u2022 Lifetime updates and regular support<br \/>\n\u2022 60 Handcrafted Components<br \/>\n\u2022 Customized Plugins<br \/>\n\u2022 3 Example Pages<\/p>\n<p>Format: SD Elements and HTML\/CSS\/JS Implementation<br \/>\nPrice: <strong>Free<\/strong><\/p>\n<p><a href=\"http:\/\/bit.ly\/MaterialKit\" target=\"_blank\" rel=\"noopener\">Download<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Material_Design_for_Bootstrap_4_Free\"><\/span>Material Design for Bootstrap 4 Free<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>World&#8217;s most popular framework for building responsive, mobile-first websites and apps. Thanks to MDB you can take advantage of all feature of newest Bootstrap 4. It gives you detailed user-friendly documentation at your disposal and helps you to implement your ideas easily.<\/p>\n<p>\u2022 400+ Basic Components<br \/>\n\u2022 8 Basic Plugins<br \/>\n\u2022 Basic Tutorials<br \/>\n\u2022 Detailed Documentation<br \/>\n\u2022 BrandFlow \u2013 Bootstrap automation software<\/p>\n<p>Format: HTML\/CSS\/JS<br \/>\nPrice: <strong>Free<\/strong><\/p>\n<p><a href=\"http:\/\/bit.ly\/Material4BootStrap\" target=\"_blank\" rel=\"noopener\">Download<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Free_Modern_Google_Material_UI_kit_PSD\"><\/span>Free Modern Google Material UI kit PSD<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This UI kit contains many useable elements like Profile, music player, statistics, graph, button, navigation menu, sing in a page, and much more. I designed this UI kit based on Google Material Design. To create your website and mobile app you may need some small elements and idea about Material design, this PSD gives you free UI elements. You can use those UI elements on your webpage design, or user interface design of your mobile application.<\/p>\n<p>\u2022 Fully Editable PSD Files (Fully Layered Files)<br \/>\n\u2022 Well Organised Layers<br \/>\n\u2022 Modern Design<br \/>\n\u2022 Google Material Design Style<\/p>\n<p>Format: PSD<br \/>\nPrice: <strong>Free<\/strong><\/p>\n<p><a href=\"http:\/\/bit.ly\/UIKitPSD\" target=\"_blank\" rel=\"noopener\">Download<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Smart_Watch_UI_KIT_%E2%80%93_Adobe_XD\"><\/span>Smart Watch UI KIT \u2013 Adobe XD<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Create a smartwatch app from this kit which follows Apple design standards.<\/p>\n<p>Format: Adobe XD<br \/>\nPrice: <strong>Free<\/strong><\/p>\n<p><a href=\"https:\/\/adobe.ly\/2ns7vlK\" target=\"_blank\" rel=\"noopener\">Download<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Design_Toolkits_and_samples_for_UWP_Apps_%E2%80%93_Windows_Microsoft\"><\/span>Design Toolkits and samples for UWP Apps \u2013 Windows Microsoft<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Design and UI-related downloads for Fluent Design\/UWP apps.<\/p>\n<p>Format: Adobe XD, Illustrator, PSD, Sketch and Framer<br \/>\nPrice: <strong>Free<\/strong><\/p>\n<p><a href=\"http:\/\/bit.ly\/DesignTookKitsWindows\" target=\"_blank\" rel=\"noopener\">Download<\/a><\/p>\n<p><a href=\"https:\/\/theblog.adobe.com\/additional-ui-kits-adobe-xd\/\" target=\"_blank\" rel=\"noopener\">For more UI Kits for Adobe XD<\/a><br \/>\n<a href=\"https:\/\/www.sketchappsources.com\" target=\"_blank\" rel=\"noopener\">UI Kits for Sketch<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Material design provides the user with a real experience with its clean and direct effect. Here are 9 best free material design UI kits &#038; Templates for Sketch and Photoshop.<\/p>\n","protected":false},"author":16,"featured_media":1836,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","content-type":"","inline_featured_image":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[23],"tags":[48],"class_list":["post-1835","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-for-freelancers","tag-graphic-resources"],"modified_by":null,"_links":{"self":[{"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/posts\/1835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/comments?post=1835"}],"version-history":[{"count":3,"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/posts\/1835\/revisions"}],"predecessor-version":[{"id":1839,"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/posts\/1835\/revisions\/1839"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/media\/1836"}],"wp:attachment":[{"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=1835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/categories?post=1835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/useme.com\/en\/blog\/wp-json\/wp\/v2\/tags?post=1835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}