Gutenberg Hub Introduces the Library of 100 Block Templates

The Gutenberg Hub had recently launched a series of 100 free block templates. You can easily create beautiful WordPress websites using these available templates. All you need to do is copy and paste the block code to the Gutenberg editor.

The list has a wide variety of templates for Gutenberg users. The collection includes 100 block section templates for more than 12 most important section types for any website.

Gutenberg Template Library

Munir Kamal, the founder of CakeWP, built the Gutenberg Hub in 2007. He was very excited about the Gutenberg project and through this website, he planned to share Gutenberg related blogs. Also, to help beginners with Gutenberg, he started putting tutorials on the blog.

Also, he has other major objectives with the platform, including a future theme directory alongside current tutorials, models, and blocks.

The most convenient thing about this library is that you don’t need to install a plugin to import these templates. You’re just going to have to browse the templates and copy the one you want and paste it in Gutenberg.

The idea for a template library came to Kamal while he was trying to replicate the homepages of page builders using the Gutenberg WordPress. He started thinking about how section templates could help him create pages faster.

Kamal is also working on a system so that others can add their custom templates. He wants to run the project with the help of other users and make it a community.

Gutenberg Section Templates

The templates in the Library are sections of a page. You can create a page that you like using multiple sections. The site is provided with a simple “Copy Code” button. When pressed, the block code is copied to your clipboard, which can be pasted directly to the block editor.

Hero 1, Block Section Template

In your page or website, custom CSS code needs to be added for some templates. To make this process easy Kamal recommends you the Blocks CSS: CSS Editor for Gutenberg Blocks. It allows users to apply custom CSS code directly to the block editor.

However, you can apply the custom CSS code manually via the WordPress customizer.

Kamal has divided the 100 sections into 12 categories.

  1. Hero
  2. Testimonial
  3. Team
  4. Stats
  5. Pricing
  6. Logos
  7. Gallery
  8. Features
  9. FAQ
  10. Content
  11. Contact
  12. Card

There are many popular patterns in this library that you can use on your page or site. And make your site look and work the way you want to.

The goal of this templates library is to keep improving and adding more and more variety of Free Gutenberg templates. You can contribute to the project by connecting with Kamal on Twitter and Facebook.

I hope you will find this post useful.

Subscribe to our YouTube channel for videos related to WordPress plugins and themes. Follow us on Facebook and Twitter for updates related to WordPress.

You may also like:

Best SEO Plugins and Tools for Your WordPress Site

Comparison of 3 Best WordPress Image Editor Plugins

2020-03-11T13:37:41+00:00

About the Author:

He is an enthusiastic writer and WordPress user. He writes on WordPress, WooCommerce, E-Commerce, and open-source projects.

Leave A Comment