{"id":1352,"date":"2021-07-27T13:02:27","date_gmt":"2021-07-27T13:02:27","guid":{"rendered":"https:\/\/shuffle.dev\/blog\/?p=1352"},"modified":"2021-07-27T13:11:20","modified_gmt":"2021-07-27T13:11:20","slug":"nature-bulma-template-cronos-ui","status":"publish","type":"post","link":"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/","title":{"rendered":"Nature Bulma template &#8211; Cronos UI"},"content":{"rendered":"\n<p class=\"mb-6 leading-loose\"><strong>Another UI library has joined our base of available templates for Bulma. This time it is Cronos, which you might already know as <a href=\"https:\/\/shuffle.dev\/blog\/2021\/06\/cronos-ui-nature-bootstrap-template\/\" class=\"text-brand-blue underline hover:no-underline\">Cronos UI &#8211; nature bootstrap template<\/a>. We plan to gradually add more of our designs to each framework, starting with the most popular ones.<\/strong><\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">This Bulma template is characterized by elegance resulting from the calmness of the chosen color scheme. The nature-inspired shades of yellow and green are the perfect choice for any business. The elegance of the components emphasizes the confidence of organizations that choose this template for their website.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Cronos UI library for Bulma CSS\" width=\"900\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/3ebPtKw8E-k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\"><a href=\"https:\/\/shuffle.dev\/editor\" class=\"text-brand-blue underline hover:no-underline\">Try it live in Bulma editor<\/a><\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">Each of the UI libraries in our collection comes with access to a drag &amp; drop editor. This makes building your first page layout very quick and fun. Content modifications and style editing are also possible from within the editor. This way, you can create a preview version of the site and fill it with the target content.<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">Your clients and co-workers will be impressed by the speed with which you work. This is our goal in Shuffle &#8211; to make developers&#8217; work more efficient and enjoyable. We achieve this by adding no code elements to work where it is repetitive and predictable. However, we leave you with full editing capabilities through an understandable component layout and source export.<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">There are four such UI libraries for Bulma available in our editor at the moment. Read here about all <a href=\"https:\/\/shuffle.dev\/bulma\/templates\" class=\"text-brand-blue underline hover:no-underline\">Bulma templates<\/a> available on our site.<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">This Bulma template contains over 180 components. You will find many variations of every page element you need. From basic layout elements &#8211; containers of different sizes, buttons, headers and forms to specialized section variations.<\/p>\n\n\n\n<h3 class=\"mb-6 text-2xl font-bold\">Cronos UI nature Bulma template section list:<\/h3>\n\n\n\n<p class=\"mb-6 leading-loose\">\u2705 Navigation<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-nav-1024x576.png\" alt=\"bulma template cronos navigation section in Shuffle Editor components list view with dark mode enabled\" class=\"wp-image-1368\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-nav-1024x576.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-nav-300x169.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-nav-768x432.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-nav-1536x864.png 1536w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-nav.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Components list view in Shuffle Editor (dark mode)<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">\u2705 Headers &#8211; 10 variants<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"577\" src=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-header-1-1024x577.png\" alt=\"bulma template header\" class=\"wp-image-1354\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-header-1-1024x577.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-header-1-300x169.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-header-1-768x433.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-header-1-1536x865.png 1536w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-header-1.png 1917w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Example of one variant of the section<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">\u2705 Features 10+ variants<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-features-1024x576.png\" alt=\"bulma template features section in editor\" class=\"wp-image-1356\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-features-1024x576.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-features-300x169.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-features-768x432.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-features-1536x864.png 1536w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-features.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Features section in Shuffle Editor<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">\u2705 Pricing &#8211; 5 variants<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/pricing-proper-1-1024x576.png\" alt=\"Bulma template pricing section in Shuffle Editor component view\" class=\"wp-image-1358\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/pricing-proper-1-1024x576.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/pricing-proper-1-300x169.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/pricing-proper-1-768x432.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/pricing-proper-1-1536x864.png 1536w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/pricing-proper-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Pricing sections in Shuffle Editor<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">\u2705 Call to action &#8211; 5 variants<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"577\" src=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/cta-bulma-cronos-1-1024x577.png\" alt=\"bulma template call to action section in Shuffle Editor\" class=\"wp-image-1360\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/cta-bulma-cronos-1-1024x577.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/cta-bulma-cronos-1-300x169.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/cta-bulma-cronos-1-768x432.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/cta-bulma-cronos-1-1536x865.png 1536w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/cta-bulma-cronos-1.png 1918w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Call to action in Shuffle Editor<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">\u2705 Sing up \/ sing in &#8211; 5 variants<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-sign-in-cronos-1-1024x575.png\" alt=\"Bulma template sing in section in Shuffle Editor component view\" class=\"wp-image-1362\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-sign-in-cronos-1-1024x575.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-sign-in-cronos-1-300x168.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-sign-in-cronos-1-768x431.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-sign-in-cronos-1-1536x862.png 1536w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-sign-in-cronos-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Sign in \/ sing up in Shuffle Editor<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">\u2705 Blog posts &#8211; 8 variants<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-blog-post-editor-1-1024x576.png\" alt=\"Bulma template blog post in Shuffle Editor with component content editor view\" class=\"wp-image-1364\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-blog-post-editor-1-1024x576.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-blog-post-editor-1-300x169.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-blog-post-editor-1-768x432.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-blog-post-editor-1-1536x864.png 1536w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-blog-post-editor-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Blog section with content editor view<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">\u2705 Testimonials &#8211; 5 variants<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-testimonials-dark-editor-1024x576.png\" alt=\"bulma template testimonials section in Shuffle Edtitor\" class=\"wp-image-1366\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-testimonials-dark-editor-1024x576.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-testimonials-dark-editor-300x169.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-testimonials-dark-editor-768x432.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-testimonials-dark-editor-1536x864.png 1536w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/bulma-cronos-testimonials-dark-editor.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"mt-2 text-sm leading-loose text-center\">Testimonial Section view in editor<\/figcaption><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">\u2705 Content &#8211; 13 variants<br>\u2705 Newsletter &#8211; 4 variants<br>\u2705 How it works &#8211; 6 variants<br>\u2705 Logo clouds &#8211; 17 variants<br>\u2705 Portfolio &#8211; 7 variants<br>\u2705 Applications &#8211; 14 variants<br>\u2705 Team &#8211; 5 variants<br>\u2705 FAQ &#8211; 5 variants<br>\u2705 Contacts &#8211; 5 variants<br>\u2705 Stats &#8211; 3 variants<br>\u2705 HTTP Codes &#8211; 5 variants<br>\u2705 Cookies &#8211; 4 variants<br>\u2705 Footers &#8211; 6 variants<\/p>\n\n\n\n<h3 class=\"mb-6 text-2xl font-bold\">Clean code under each component<\/h3>\n\n\n\n<p class=\"mb-6 leading-loose\">Each component is fully responsive. In the case of the need for extensive modifications, their code can be edited without any problem. This is because it is written in a clear way. Shuffle Editor is created first of all for developers, that&#8217;s why we pay a lot of attention to making their work easier. That&#8217;s why all elements of the UI libraries are fully customizable, allowing you to remain free to edit and create pages. You can download them by exporting the page source.<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\"><a href=\"https:\/\/shuffle.dev\/editor\" class=\"text-brand-blue underline hover:no-underline\">Go to the editor to download a sample file<\/a><\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">Once you export the first version of a page, you are not restricted in working on it. You can continue editing in the editor, or work in your favorite IDE. For Visual Studio code, we have prepared a plugin that allows you to use our components while working on your code. You can also use other IDEs, we don&#8217;t make any restrictions here.<\/p>\n\n\n\n<h3 class=\"mb-6 text-2xl font-bold\">More UI libraries coming soon!<\/h3>\n\n\n\n<p class=\"mb-6 leading-loose\">Shuffle Editor in one subscription gives you access to four frameworks &#8211; <a href=\"https:\/\/shuffle.dev\/bootstrap\" class=\"text-brand-blue underline hover:no-underline\">Bootstrap 5 Editor<\/a>, <a href=\"https:\/\/shuffle.dev\/tailwind\" class=\"text-brand-blue underline hover:no-underline\">Tailwind CSS editor<\/a>, <a href=\"https:\/\/shuffle.dev\/material-ui\" class=\"text-brand-blue underline hover:no-underline\">Material UI Editor<\/a> and of course <a href=\"https:\/\/shuffle.dev\/bulma\" class=\"text-brand-blue underline hover:no-underline\">Bulma Editor<\/a>. We will add more frameworks in the future. You can test the demo without registering and see our other available UI libraries. There are over 20 of them at this point!<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">Recently we added the Sirius Bootstrap dashboard template, and our first Tailwind UI library for ecommerce, Yofte, will be joining soon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/roadmap-yofte-boldui-1024x576.png\" alt=\"two new templates incoming\" class=\"wp-image-1370\" srcset=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/roadmap-yofte-boldui-1024x576.png 1024w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/roadmap-yofte-boldui-300x169.png 300w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/roadmap-yofte-boldui-768x432.png 768w, https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/roadmap-yofte-boldui.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">We will also be adding the Bold UI soon after. All of these are available as part of an active subscription, at no additional cost. We will be adding more and more libraries in the coming months. This makes Shuffle&#8217;s offer better and better!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Another UI library has joined our base of available templates for Bulma. This time it is Cronos, which you might already know as Cronos UI &#8211; nature bootstrap template. We plan to gradually add more of our designs to each framework, starting with the most popular ones. This Bulma template is characterized by elegance resulting [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":1380,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[30,21,1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Nature Bulma template - Cronos UI | Components list | Shuffle<\/title>\n<meta name=\"description\" content=\"Another UI library has joined our base of available templates for Bulma. It&#039;s Cronos - nature Bulma template. Read more and see components.\" \/>\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\/07\/nature-bulma-template-cronos-ui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nature Bulma template - Cronos UI | Components list | Shuffle\" \/>\n<meta property=\"og:description\" content=\"Another UI library has joined our base of available templates for Bulma. It&#039;s Cronos - nature Bulma template. Read more and see components.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/\" \/>\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-07-27T13:02:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-27T13:11:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/Blog-Bulma-1.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\/07\/nature-bulma-template-cronos-ui\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/\"},\"author\":{\"name\":\"S\u0142awomir Pawlak\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/3bc78df53e2d5db26b5b0ec8d3087168\"},\"headline\":\"Nature Bulma template &#8211; Cronos UI\",\"datePublished\":\"2021-07-27T13:02:27+00:00\",\"dateModified\":\"2021-07-27T13:11:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/\"},\"wordCount\":705,\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"articleSection\":[\"Bulma\",\"UI Library\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/\",\"url\":\"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/\",\"name\":\"Nature Bulma template - Cronos UI | Components list | Shuffle\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\"},\"datePublished\":\"2021-07-27T13:02:27+00:00\",\"dateModified\":\"2021-07-27T13:11:20+00:00\",\"description\":\"Another UI library has joined our base of available templates for Bulma. It's Cronos - nature Bulma template. Read more and see components.\",\"breadcrumb\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/shuffle.dev\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nature Bulma template &#8211; Cronos UI\"}]},{\"@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":"Nature Bulma template - Cronos UI | Components list | Shuffle","description":"Another UI library has joined our base of available templates for Bulma. It's Cronos - nature Bulma template. Read more and see components.","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\/07\/nature-bulma-template-cronos-ui\/","og_locale":"en_US","og_type":"article","og_title":"Nature Bulma template - Cronos UI | Components list | Shuffle","og_description":"Another UI library has joined our base of available templates for Bulma. It's Cronos - nature Bulma template. Read more and see components.","og_url":"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/","og_site_name":"Shuffle","article_publisher":"https:\/\/www.facebook.com\/BootstrapShuffle\/","article_published_time":"2021-07-27T13:02:27+00:00","article_modified_time":"2021-07-27T13:11:20+00:00","og_image":[{"width":1200,"height":597,"url":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/Blog-Bulma-1.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\/07\/nature-bulma-template-cronos-ui\/#article","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/"},"author":{"name":"S\u0142awomir Pawlak","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/3bc78df53e2d5db26b5b0ec8d3087168"},"headline":"Nature Bulma template &#8211; Cronos UI","datePublished":"2021-07-27T13:02:27+00:00","dateModified":"2021-07-27T13:11:20+00:00","mainEntityOfPage":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/"},"wordCount":705,"publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"articleSection":["Bulma","UI Library"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/","url":"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/","name":"Nature Bulma template - Cronos UI | Components list | Shuffle","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/#website"},"datePublished":"2021-07-27T13:02:27+00:00","dateModified":"2021-07-27T13:11:20+00:00","description":"Another UI library has joined our base of available templates for Bulma. It's Cronos - nature Bulma template. Read more and see components.","breadcrumb":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/shuffle.dev\/blog\/2021\/07\/nature-bulma-template-cronos-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shuffle.dev\/blog\/"},{"@type":"ListItem","position":2,"name":"Nature Bulma template &#8211; Cronos UI"}]},{"@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\/1352"}],"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=1352"}],"version-history":[{"count":3,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/1352\/revisions"}],"predecessor-version":[{"id":1384,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/1352\/revisions\/1384"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media\/1380"}],"wp:attachment":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media?parent=1352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/categories?post=1352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/tags?post=1352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}