{"id":1502,"date":"2021-10-05T09:48:38","date_gmt":"2021-10-05T09:48:38","guid":{"rendered":"https:\/\/shuffle.dev\/blog\/?p=1502"},"modified":"2021-11-08T10:02:49","modified_gmt":"2021-11-08T10:02:49","slug":"whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries","status":"publish","type":"post","link":"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/","title":{"rendered":"What’s New in Shuffle – Component Browser, Editor Improvements and New Libraries"},"content":{"rendered":"\n

We’re working hard to make sure Shuffle Editor meets your needs in your daily web development work. We rely on your feedback, needs, and analysis of how you use the editor to choose what to add and change.<\/strong><\/p>\n\n\n\n

In this article, you’ll find out what we’ve added in the last month, as well as how we plan to evolve to better meet your expectations.<\/strong><\/p>\n\n\n\n

Shuffle Components Gallery<\/h2>\n\n\n\n
\"the<\/figure><\/div>\n\n\n\n

Thanks to this feedback, we’ve released the Shuffle Components Gallery. It gives you access to an easier browsing mode for over 3200 components that are contained in 24 libraries. <\/p>\n\n\n\n

This idea came from the need of users who want to quickly verify if a particular library meets the needs of their project in terms of component content.  You can see how many components there are in each category, what they look like, and, most importantly, preview the code underneath them.<\/p>\n\n\n\n

\"code<\/figure><\/div>\n\n\n\n

With one click you can go to the editor, and there you can export the chosen component or the whole page template with all the configuration files. <\/p>\n\n\n\n

Go and browse through components library for Tailwind CSS, Bulma, Bootstrap and Material-UI<\/a>.<\/p>\n\n\n\n

Adding custom components with drag and drop menu<\/h2>\n\n\n\n
\"custom<\/figure><\/div>\n\n\n\n

Every project needs a certain amount of customization. Whether it is navbar with menu items, dragged button, other element styling – you know best how these needs evolve during your work.<\/p>\n\n\n\n

That’s why we consistently make it easier to reuse once modified components. Now you can import them between projects within the same library so that when you use it again you can immediately add what you think is necessary. This allows you to quickly move your favorite modifications to the next project. All to make your work faster and more enjoyable.<\/p>\n\n\n\n

Upcoming changes<\/h2>\n\n\n\n

This is just the beginning of changes to the editor. Our goal is to improve the ability to change custom elements within the drag and drop editor. For starters, we are moving their editing to the right column, so that you can change basic elements like text and images faster. The next step will be adding easy visual editing of classes and other pieces of responsive code. <\/p>\n\n\n\n

Of course, further access to the console and editing code directly will be at hand at all times.<\/p>\n\n\n\n

New libraries<\/h2>\n\n\n\n

At the end of August and the beginning of September we added:<\/p>\n\n\n\n

Yofte for Tailwind CSS – UI library for E-commerce <\/h3>\n\n\n\n

We introduced Tailwind CSS to the world of e-commerce, giving you an outstanding option to build your store. Elegant details combined with clear product presentation will ensure high conversions for your store. <\/p>\n\n\n\n

Read more about Yofte E-commerce for Tailwind CSS<\/a>, or learn how it’s different from Tailwind UI E-commerce<\/a>.<\/p>\n\n\n\n

\"Yofte<\/figure>\n\n\n\n

Pstls for Bootstrap<\/h3>\n\n\n\n

Boostrap got some pastel fun from us. The library dips into soft, balanced colors, allowing you to give variety to the pages you create. It will be the perfect canvas to describe any organization or busines . -> Learn more about our Bootstrap editor.<\/a><\/p>\n\n\n\n

Bold UI for Tailwind CSS<\/h3>\n\n\n\n

Bold UI is a daring design that will win the attention of even the most demanding audience. Its sleek line and original approach will allow you to build a readable and exciting template. -> Learn more about our Tailwind editor<\/a><\/p>\n\n\n\n

\"Two<\/figure>\n\n\n\n

More coming soon<\/h3>\n\n\n\n

We are working on more new designs, as well as adding existing designs between frameworks. We will also extend existing libraries with elements that you request. In this way, you can freely juggle the technology stack, having ready and varied designs for every moment. <\/p>\n\n\n\n

The closest in our plans are Acros and Uinel: <\/p>\n\n\n\n

Acros UI – a library that will take your aesthetics to a new level! Tactfully arranged colors and logical layout of each section make Across UI captivating at first sight.<\/p>\n\n\n\n

Uinel UI – the balance between minimalism and color waterfall makes this library truly unique. Using it, you will highlight content in calm sections to flood your eyes with visual extravagance where needed. The result is a delectable mix of professionalism and character.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

WordPress, Vue, Angular<\/h2>\n\n\n\n

We listen to your voices to make it easier for you to export to WordPress. The world’s most popular CMS will soon have an easier way to export templates from our editor.<\/p>\n\n\n\n

Additionally, we are working on implementing more frameworks in our backlog. Let us know what you’re most interested in – your input is the most important for us. <\/p>\n","protected":false},"excerpt":{"rendered":"

We’re working hard to make sure Shuffle Editor meets your needs in your daily web development work. We rely on your feedback, needs, and analysis of how you use the editor to choose what to add and change.<\/p>\n","protected":false},"author":6,"featured_media":1554,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8,1],"tags":[],"yoast_head":"\nWhat's New in Shuffle - Component Browser, Editor Improvements and New Libraries<\/title>\n<meta name=\"description\" content=\"Find out how we are changing for you based on feedback to better accompany you in your daily work. New libraries, components browser and more!\" \/>\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\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What's New in Shuffle - Component Browser, Editor Improvements and New Libraries\" \/>\n<meta property=\"og:description\" content=\"Find out how we are changing for you based on feedback to better accompany you in your daily work. New libraries, components browser and more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/\" \/>\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-10-05T09:48:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-08T10:02:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/10\/September-Updates_2021.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"597\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"S\u0142awomir Pawlak\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"S\u0142awomir Pawlak\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/\"},\"author\":{\"name\":\"S\u0142awomir Pawlak\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/3bc78df53e2d5db26b5b0ec8d3087168\"},\"headline\":\"What’s New in Shuffle – Component Browser, Editor Improvements and New Libraries\",\"datePublished\":\"2021-10-05T09:48:38+00:00\",\"dateModified\":\"2021-11-08T10:02:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/\"},\"wordCount\":759,\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"articleSection\":[\"Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/\",\"url\":\"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/\",\"name\":\"What's New in Shuffle - Component Browser, Editor Improvements and New Libraries\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\"},\"datePublished\":\"2021-10-05T09:48:38+00:00\",\"dateModified\":\"2021-11-08T10:02:49+00:00\",\"description\":\"Find out how we are changing for you based on feedback to better accompany you in your daily work. New libraries, components browser and more!\",\"breadcrumb\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/shuffle.dev\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What’s New in Shuffle – Component Browser, Editor Improvements and New Libraries\"}]},{\"@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\/3bc78df53e2d5db26b5b0ec8d3087168\",\"name\":\"S\u0142awomir Pawlak\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/96c62afa0672a20d8601c9ed9b9df2b1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/96c62afa0672a20d8601c9ed9b9df2b1?s=96&d=mm&r=g\",\"caption\":\"S\u0142awomir Pawlak\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What's New in Shuffle - Component Browser, Editor Improvements and New Libraries","description":"Find out how we are changing for you based on feedback to better accompany you in your daily work. New libraries, components browser and more!","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\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/","og_locale":"en_US","og_type":"article","og_title":"What's New in Shuffle - Component Browser, Editor Improvements and New Libraries","og_description":"Find out how we are changing for you based on feedback to better accompany you in your daily work. New libraries, components browser and more!","og_url":"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/","og_site_name":"Shuffle","article_publisher":"https:\/\/www.facebook.com\/BootstrapShuffle\/","article_published_time":"2021-10-05T09:48:38+00:00","article_modified_time":"2021-11-08T10:02:49+00:00","og_image":[{"width":1200,"height":597,"url":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/10\/September-Updates_2021.png","type":"image\/png"}],"author":"S\u0142awomir Pawlak","twitter_card":"summary_large_image","twitter_misc":{"Written by":"S\u0142awomir Pawlak","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/#article","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/"},"author":{"name":"S\u0142awomir Pawlak","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/3bc78df53e2d5db26b5b0ec8d3087168"},"headline":"What’s New in Shuffle – Component Browser, Editor Improvements and New Libraries","datePublished":"2021-10-05T09:48:38+00:00","dateModified":"2021-11-08T10:02:49+00:00","mainEntityOfPage":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/"},"wordCount":759,"publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"articleSection":["Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/","url":"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/","name":"What's New in Shuffle - Component Browser, Editor Improvements and New Libraries","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/#website"},"datePublished":"2021-10-05T09:48:38+00:00","dateModified":"2021-11-08T10:02:49+00:00","description":"Find out how we are changing for you based on feedback to better accompany you in your daily work. New libraries, components browser and more!","breadcrumb":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/shuffle.dev\/blog\/2021\/10\/whats-new-in-shuffle-component-browser-editor-improvements-and-new-libraries\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shuffle.dev\/blog\/"},{"@type":"ListItem","position":2,"name":"What’s New in Shuffle – Component Browser, Editor Improvements and New Libraries"}]},{"@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\/3bc78df53e2d5db26b5b0ec8d3087168","name":"S\u0142awomir Pawlak","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/96c62afa0672a20d8601c9ed9b9df2b1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/96c62afa0672a20d8601c9ed9b9df2b1?s=96&d=mm&r=g","caption":"S\u0142awomir Pawlak"}}]}},"_links":{"self":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/1502"}],"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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/comments?post=1502"}],"version-history":[{"count":8,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/1502\/revisions"}],"predecessor-version":[{"id":1558,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/1502\/revisions\/1558"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media\/1554"}],"wp:attachment":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media?parent=1502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/categories?post=1502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/tags?post=1502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}