{"id":948,"date":"2021-02-26T11:54:41","date_gmt":"2021-02-26T11:54:41","guid":{"rendered":"https:\/\/shuffle.dev\/blog\/?p=948"},"modified":"2021-06-20T20:07:01","modified_gmt":"2021-06-20T20:07:01","slug":"we-combined-four-visual-editors-into-shuffle","status":"publish","type":"post","link":"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/","title":{"rendered":"We combined four visual editors into Shuffle!"},"content":{"rendered":"\n<p class=\"mb-6 leading-loose\">We&#8217;ve combined four editors into one more powerful editor. Shuffle supports the most popular frameworks: Tailwind CSS, Bootstrap, Bulma, and Material-UI (for those who work with ReactJS).<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">NEW: We also have a convenien <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=shuffle-dev.shuffle-dev\" class=\"text-brand-blue underline hover:no-underline\">Visual Studio Code extension<\/a> (<a href=\"https:\/\/github.com\/shuffle-dev\/shuffle-vsc-extension\" class=\"text-brand-blue underline hover:no-underline\">repository<\/a>).<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">We have always wanted to help increase developers&#8217; productivity and make their daily work easier, so from now on, you can move between frameworks while still being on the same domain!<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">We migrated all accounts and projects, so all you need to do is Sign In using the same login details you used on old domains (Bootstrap Shuffle, Tailwind Builder, Bulma Builder, and Material-UI Builder). <\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">Creating one place for all editors was the most significant change for us in the last few weeks. Still, in addition to that, we&#8217;ve added a few improvements you might like. One of them is Dark Mode. It makes it more convenient for developers to work in the evenings or when their eyes need a rest.<\/p>\n\n\n\n<figure class=\"wp-block-image mt-8 mb-8\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"587\" src=\"https:\/\/shuffle.dev\/blog\/wp-content\/uploads\/2021\/02\/dark-mode-1024x587.png\" alt=\"\" class=\"wp-image-950\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/02\/dark-mode-1024x587.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/02\/dark-mode-300x172.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/02\/dark-mode-768x441.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/02\/dark-mode.png 1506w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Light and Dark mode for the Shuffle editor.<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">At the same time, we implemented a great library for Tailwind CSS. Atis Shuffle brings hundred of new UI components sorted into extra subcategories that we specially added in the editor.<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">The components have new color variants, which will certainly interest front-end developers who want to create unique templates quickly.<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">New subcategories of colors:<br>\ud83e\udda2 Light &#8211; shades of calm gray <br>\ud83d\udd76\ufe0f Dark &#8211; black, delightful style <br>\ud83d\udca1 Flat &#8211; dominant color on background with white fonts<\/p>\n\n\n\n<figure class=\"wp-block-image mt-8 mb-8\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"724\" src=\"https:\/\/shuffle.dev\/blog\/wp-content\/uploads\/2021\/02\/three-styles-1024x724.png\" alt=\"\" class=\"wp-image-962\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/02\/three-styles-1024x724.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/02\/three-styles-300x212.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/02\/three-styles-768x543.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/02\/three-styles.png 1326w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Choose between light, dark, and mono style.<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">Creating a layout in this editor is convenient, but most of all, it reduces the time you have to spend on building it. You will find here ready-made and responsive components and uniquely designed themes for all frameworks.<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">If you haven&#8217;t created an account yet, and are hesitant about whether this editor is right for you, check out the demo. No registration is required!<\/p>\n\n\n\n<p class=\"mx-auto mb-8\" class=\"mb-6 leading-loose\"><a class=\"inline-block py-4 px-6 xs:py-4 xs:px-8 bg-brand-blue hover:bg-blue-700 xs:text-lg text-white text-center font-semibold leading-none rounded-3xl\" href=\"https:\/\/shuffle.dev\/editor\" class=\"text-brand-blue underline hover:no-underline\">Try Shuffle visual editor \u2192<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve combined four visual editors into one more powerful editor. Shuffle supports the most popular frameworks: Tailwind CSS, Bootstrap, Bulma, and Material-UI.<\/p>\n","protected":false},"author":2,"featured_media":992,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[20],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>We combined four visual editors into Shuffle! | 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\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"We combined four visual editors into Shuffle! | Shuffle\" \/>\n<meta property=\"og:description\" content=\"We&#039;ve combined four visual editors into one more powerful editor. Shuffle supports the most popular frameworks: Tailwind CSS, Bootstrap, Bulma, and Material-UI.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/\" \/>\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=\"2021-02-26T11:54:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-20T20:07:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/02\/featured-shuffle.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1696\" \/>\n\t<meta property=\"og:image:height\" content=\"844\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/\"},\"author\":{\"name\":\"Dawid Andrzejewski\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d\"},\"headline\":\"We combined four visual editors into Shuffle!\",\"datePublished\":\"2021-02-26T11:54:41+00:00\",\"dateModified\":\"2021-06-20T20:07:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/\"},\"wordCount\":326,\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"articleSection\":[\"Shuffle\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/\",\"url\":\"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/\",\"name\":\"We combined four visual editors into Shuffle! | Shuffle\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\"},\"datePublished\":\"2021-02-26T11:54:41+00:00\",\"dateModified\":\"2021-06-20T20:07:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/shuffle.dev\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"We combined four visual editors into Shuffle!\"}]},{\"@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":"We combined four visual editors into Shuffle! | 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\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/","og_locale":"en_US","og_type":"article","og_title":"We combined four visual editors into Shuffle! | Shuffle","og_description":"We've combined four visual editors into one more powerful editor. Shuffle supports the most popular frameworks: Tailwind CSS, Bootstrap, Bulma, and Material-UI.","og_url":"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/","og_site_name":"Shuffle","article_publisher":"https:\/\/www.facebook.com\/BootstrapShuffle\/","article_published_time":"2021-02-26T11:54:41+00:00","article_modified_time":"2021-06-20T20:07:01+00:00","og_image":[{"width":1696,"height":844,"url":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/02\/featured-shuffle.png","type":"image\/png"}],"author":"Dawid Andrzejewski","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dawid Andrzejewski","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/#article","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/"},"author":{"name":"Dawid Andrzejewski","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d"},"headline":"We combined four visual editors into Shuffle!","datePublished":"2021-02-26T11:54:41+00:00","dateModified":"2021-06-20T20:07:01+00:00","mainEntityOfPage":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/"},"wordCount":326,"publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"articleSection":["Shuffle"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/","url":"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/","name":"We combined four visual editors into Shuffle! | Shuffle","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/#website"},"datePublished":"2021-02-26T11:54:41+00:00","dateModified":"2021-06-20T20:07:01+00:00","breadcrumb":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/shuffle.dev\/blog\/2021\/02\/we-combined-four-visual-editors-into-shuffle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shuffle.dev\/blog\/"},{"@type":"ListItem","position":2,"name":"We combined four visual editors into Shuffle!"}]},{"@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\/948"}],"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=948"}],"version-history":[{"count":13,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/948\/revisions"}],"predecessor-version":[{"id":1278,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/948\/revisions\/1278"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media\/992"}],"wp:attachment":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media?parent=948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/categories?post=948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/tags?post=948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}