{"id":428,"date":"2019-06-07T12:19:36","date_gmt":"2019-06-07T12:19:36","guid":{"rendered":"https:\/\/bootstrapshuffle.com\/blog\/?p=428"},"modified":"2019-06-07T12:19:37","modified_gmt":"2019-06-07T12:19:37","slug":"material-design-is-coming-to-our-bootstrap-builder","status":"publish","type":"post","link":"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/","title":{"rendered":"Material Design is coming to our Bootstrap builder!"},"content":{"rendered":"\n<p class=\"mb-6 leading-loose\">We&#8217;ve just published the largest Bootstrap Shuffle update!<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">From now on, we support Material Design for Bootstrap. It is based on the most popular Bootstrap Material implementation, designed and built by <a href=\"https:\/\/twitter.com\/FezVrasta\" class=\"text-brand-blue underline hover:no-underline\">FezVrasta.<\/a><\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">Thanks to this update our builder is no longer dependent on library&#8217;s version, and the available settings are generated based on SCSS files (we can support any UIKit \/ library, which is based on Sass).<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">You can select a base frontend library when you&#8217;re creating a new project.<\/p>\n\n\n\n<figure class=\"wp-block-image mt-8 mb-8\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"635\" src=\"https:\/\/bootstrapshuffle.com\/blog\/wp-content\/uploads\/2019\/06\/frontend-lib-1024x635.png\" alt=\"\" class=\"wp-image-430\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2019\/06\/frontend-lib-1024x635.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2019\/06\/frontend-lib-300x186.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2019\/06\/frontend-lib-768x476.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2019\/06\/frontend-lib.png 1156w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Bootstrap Material Design (beta) available now.<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">You can try demo here: <a href=\"https:\/\/bootstrapshuffle.com\/builder\" class=\"text-brand-blue underline hover:no-underline\">Bootstrap builder for busy developers<\/a><\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">Read more about Material Design for Bootstrap <a href=\"https:\/\/fezvrasta.github.io\/bootstrap-material-design\/\" class=\"text-brand-blue underline hover:no-underline\">here<\/a>.<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">Default Bootstrap Material styles:<\/p>\n\n\n\n<figure class=\"wp-block-image mt-8 mb-8\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"560\" src=\"https:\/\/bootstrapshuffle.com\/blog\/wp-content\/uploads\/2019\/06\/default-styles-1024x560.png\" alt=\"\" class=\"wp-image-434\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2019\/06\/default-styles-1024x560.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2019\/06\/default-styles-300x164.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2019\/06\/default-styles-768x420.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2019\/06\/default-styles.png 1330w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Example of a page with default Bootstrap Material styles.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve just published the largest Bootstrap Shuffle update! From now on, we support Material Design for Bootstrap. It is based on the most popular Bootstrap Material implementation, designed and built by FezVrasta. Thanks to this update our builder is no longer dependent on library&#8217;s version, and the available settings are generated based on SCSS files [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,2,12,16],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Material Design is coming to our Bootstrap builder! | Shuffle<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Material Design is coming to our Bootstrap builder! | Shuffle\" \/>\n<meta property=\"og:description\" content=\"We&#8217;ve just published the largest Bootstrap Shuffle update! From now on, we support Material Design for Bootstrap. It is based on the most popular Bootstrap Material implementation, designed and built by FezVrasta. Thanks to this update our builder is no longer dependent on library&#8217;s version, and the available settings are generated based on SCSS files [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Shuffle\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BootstrapShuffle\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-07T12:19:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-07T12:19:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bootstrapshuffle.com\/blog\/wp-content\/uploads\/2019\/06\/frontend-lib-1024x635.png\" \/>\n<meta name=\"author\" content=\"Dawid Andrzejewski\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dawid Andrzejewski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/\"},\"author\":{\"name\":\"Dawid Andrzejewski\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d\"},\"headline\":\"Material Design is coming to our Bootstrap builder!\",\"datePublished\":\"2019-06-07T12:19:36+00:00\",\"dateModified\":\"2019-06-07T12:19:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/\"},\"wordCount\":127,\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"articleSection\":[\"Bootstrap\",\"Bootstrap Shuffle\",\"Builder\",\"Material Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/\",\"url\":\"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/\",\"name\":\"Material Design is coming to our Bootstrap builder! | Shuffle\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\"},\"datePublished\":\"2019-06-07T12:19:36+00:00\",\"dateModified\":\"2019-06-07T12:19:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/shuffle.dev\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Material Design is coming to our Bootstrap builder!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\",\"url\":\"https:\/\/shuffle.dev\/blog\/\",\"name\":\"Shuffle\",\"description\":\"Build Websites Faster with an AI Visual Editor\",\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/shuffle.dev\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\",\"name\":\"Shuffle\",\"url\":\"https:\/\/shuffle.dev\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg\",\"contentUrl\":\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg\",\"width\":400,\"height\":400,\"caption\":\"Shuffle\"},\"image\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/bootstrap-shuffle\/about\/\",\"https:\/\/www.facebook.com\/BootstrapShuffle\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d\",\"name\":\"Dawid Andrzejewski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g\",\"caption\":\"Dawid Andrzejewski\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Material Design is coming to our Bootstrap builder! | Shuffle","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/","og_locale":"en_US","og_type":"article","og_title":"Material Design is coming to our Bootstrap builder! | Shuffle","og_description":"We&#8217;ve just published the largest Bootstrap Shuffle update! From now on, we support Material Design for Bootstrap. It is based on the most popular Bootstrap Material implementation, designed and built by FezVrasta. Thanks to this update our builder is no longer dependent on library&#8217;s version, and the available settings are generated based on SCSS files [&hellip;]","og_url":"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/","og_site_name":"Shuffle","article_publisher":"https:\/\/www.facebook.com\/BootstrapShuffle\/","article_published_time":"2019-06-07T12:19:36+00:00","article_modified_time":"2019-06-07T12:19:37+00:00","og_image":[{"url":"https:\/\/bootstrapshuffle.com\/blog\/wp-content\/uploads\/2019\/06\/frontend-lib-1024x635.png"}],"author":"Dawid Andrzejewski","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dawid Andrzejewski","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/#article","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/"},"author":{"name":"Dawid Andrzejewski","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d"},"headline":"Material Design is coming to our Bootstrap builder!","datePublished":"2019-06-07T12:19:36+00:00","dateModified":"2019-06-07T12:19:37+00:00","mainEntityOfPage":{"@id":"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/"},"wordCount":127,"publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"articleSection":["Bootstrap","Bootstrap Shuffle","Builder","Material Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/","url":"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/","name":"Material Design is coming to our Bootstrap builder! | Shuffle","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/#website"},"datePublished":"2019-06-07T12:19:36+00:00","dateModified":"2019-06-07T12:19:37+00:00","breadcrumb":{"@id":"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/shuffle.dev\/blog\/2019\/06\/material-design-is-coming-to-our-bootstrap-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shuffle.dev\/blog\/"},{"@type":"ListItem","position":2,"name":"Material Design is coming to our Bootstrap builder!"}]},{"@type":"WebSite","@id":"https:\/\/shuffle.dev\/blog\/#website","url":"https:\/\/shuffle.dev\/blog\/","name":"Shuffle","description":"Build Websites Faster with an AI Visual Editor","publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shuffle.dev\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/shuffle.dev\/blog\/#organization","name":"Shuffle","url":"https:\/\/shuffle.dev\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg","contentUrl":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg","width":400,"height":400,"caption":"Shuffle"},"image":{"@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/bootstrap-shuffle\/about\/","https:\/\/www.facebook.com\/BootstrapShuffle\/"]},{"@type":"Person","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d","name":"Dawid Andrzejewski","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g","caption":"Dawid Andrzejewski"}}]}},"_links":{"self":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/428"}],"collection":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":2,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/428\/revisions"}],"predecessor-version":[{"id":436,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/428\/revisions\/436"}],"wp:attachment":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media?parent=428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/categories?post=428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/tags?post=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}