Gutenberg Blocks Design Library


Introducing ever-growing design library for new Gutenberg blocks editor.

⏰ Free up your time
We are creating a design library for Gutenberg that will include all the possible layout variations for your next WordPress project.

📦 Default blocks only
Our plugin uses default Gutenberg block only. It will not pollute your WordPress installation with extra blocks or any custom code.

⚡ 100% compatibility
This design library is fully compatible with other Gutenberg plugins and themes.

☔ Users support
Please, submit your ideas and questions using this contact form.

Fully compatible with popular Gutenberg plugins and custom blocks:

  • Atomic Blocks – Gutenberg Blocks Collection
  • Advanced Gutenberg Blocks
  • Advanced Heading Blocks with Custom Fonts for Gutenberg
  • Stackable – Gutenberg Blocks
  • Editor Blocks for Gutenberg
  • Button Group Blocks for Gutenberg
  • CoBlocks – Gutenberg Blocks for Content Marketers
  • Gutenberg Rows – Advanced section settings for Gutenberg
  • Block Gallery – Photo Gallery Gutenberg Blocks
  • Block Design – Gutenberg Block Design Plugin
  • Pricing Blocks for Gutenberg
  • Gutenberg Blocks by WordPress Download Manager
  • Caxton – Create Pro page layouts in Gutenberg
  • Sharing Icons Blocks for Gutenberg
  • Gutenberg Sections – Full-width layouts in Gutenberg
  • Disable Gutenberg Blocks
  • Gutenberg Columns Block
  • Icon List Block for Gutenberg
  • Section Block for Gutenberg
  • Snow Monkey Blocks
  • Testimonial Blocks for Gutenberg
  • Gutenberg Post Grid Block
  • Kadence Blocks – Gutenberg Page Builder Toolkit
  • Gutenberg Layouts – Block layout designs for Gutenberg
  • Features Block for Gutenberg
  • Google Maps Gutenberg Block
  • Gutenberg Design – Premium Designs for Gutenberg
  • GhostKit – Gutenberg Blocks Collection
  • WooCommerce Blocks
  • Otter Blocks – Awesome Gutenberg Blocks

Installation and Usage

  1. Install and activate the plugin via your WordPress dashboard.
  2. Open your Gutenberg (block) editor.
  3. Click on the small carrot icon located in the top panel to start using our library.

Снимци екрана

  • A quick demonstration of how to add new sections on the page.


Why do I need this plugin?

It will save your time creating complex page layouts and designs in Gutenberg.

Will it work with my theme?

Our plugin uses default blocks and libraries. It will work with any plugin or theme that is compatible with the new WordPress editor.

Will you pollute my page code with custom tags or comments?

Our design library doesn’t create any custom blocks. We do not pollute your page code with extra code or tags.


Love the block styles

The plugin makes me see the Gutenberg with different eyes. Looking forward to seeing more block designs.
Види сва 3 прегледа

Сарадници и градитељи

„Gutenberg Blocks Design Library“ је софтвер отвореног кода. Следећи људи су допринели овом додатку.


„Gutenberg Blocks Design Library“ је преведен на 6 језика. Хвала преводиоцима за њихове доприносе.

Преведите „Gutenberg Blocks Design Library“ на свој језик.

Заинтересовани сте за градњу?

Прегледајте код, проверите SVN складиште или се пријавите на белешку градње преко RSS-а.

Белешка о изменама

Checkout free block styling plugin for Gutenberg.


We started to release the premium designs.
See our new page with design release notes
All the designs (Free and Premium) are listed here
Please, let us know what designs you need the most in the next update?

  • ⭐ Added untility CSS class: .dsgn__no-margins – removes all the margins for the current element.
  • ⭐ Added untility CSS class: .dsgn__single-line-height – reset text line-height to 1.
  • 🐞 Fixed broken panel tabs in Gutenberg 5.2


In this update, we finally added license validation and premium design update functionality.

Now that we can validate pro buyers and will start adding premium designs following our schedule. First release planned for March 1st, next March 15th, then April 1st and so on. By November 2019 we will add 1000 designs into our library.

If you bought a premium subscription, please note that we will extend it and start counting it from March 1st. So you are not losing subscription days waiting for designs. We will also add ten additional site activations to every user who bought the subscription before March 1st. Thanks again for showing your support.

  • 🗝 Added a section for the premium users to add their license.
  • 💣 Added option to delete local design library and re-download it.
  • ⭐ Added „Styles“ tab for the future styling sets (premium feature).
  • 🐞 Fixed error „No route was found“


  • 🏳 Initial Beta Release