wpdesignhub

THIS PLUGIN IS A SERVICE. It downloads pre-made Gutenberg editor designs form our server. You don’t need a license to get a free set of designs downloaded. License required for access to our premium designs.
🌿Ever-growing design library for new Gutenberg blocks editor.
<a href="https://wpdesignhub.com/design-library/?utm_source=wp-org&utm_medium=plugin-description&utm_campaign=wp-org" rel="nofollow ugc">www.wpdesignhub.com</a> | <a href="https://wpdesignhub.com/pro/?utm_source=wp-org&utm_medium=plugin-description&utm_campaign=pro-access" rel="nofollow ugc">PRO access for $9</a> | <a href="https://wpdesignhub.com/contact/?utm_source=wp-org&utm_medium=plugin-description&utm_campaign=plugin-support" rel="nofollow ugc">Plugin support</a>
⏰ Any section design. Ready in a click. 
We are creating a design library for Gutenberg that will include all the possible layout variations for your next WordPress project.
📦 Performance oriented. Default blocks only. 
Our plugin uses default Gutenberg block only. It will not pollute your WordPress installation with extra blocks or any custom code.
⚡ No extra JS code. 100% compatibility. 
This design library is fully compatible with other Gutenberg plugins and themes.
Works great with popular Gutenberg plugins and custom blocks:
<ul>
<li>Atomic Blocks – Gutenberg Blocks Collection</li>
<li>Advanced Gutenberg Blocks</li>
<li>Advanced Heading Blocks with Custom Fonts for Gutenberg</li>
<li>Stackable – Stackable Gutenberg Blocks</li>
<li>Button Group Blocks for Gutenberg</li>
<li>CoBlocks – Page Builder Gutenberg Blocks</li>
<li>Gutenberg Rows – Advanced section settings for Gutenberg</li>
<li>Block Gallery – Photo Gallery Gutenberg Blocks</li>
<li>Block Design – Gutenberg Block Design Plugin</li>
<li>Pricing Blocks for Gutenberg</li>
<li>Gutenberg Blocks by WordPress Download Manager</li>
<li>Caxton – Create Pro page layouts in Gutenberg</li>
<li>Sharing Icons Blocks for Gutenberg</li>
<li>Gutenberg Sections – Full-width layouts in Gutenberg</li>
<li>Gutenberg Columns Block</li>
<li>Icon List Block for Gutenberg</li>
<li>Section Block for Gutenberg</li>
<li>Testimonial Blocks for Gutenberg</li>
<li>Gutenberg Post Grid Block</li>
<li>Kadence Blocks – Gutenberg Page Builder Toolkit</li>
<li>Gutenberg Layouts – Block layout designs for Gutenberg</li>
<li>Features Block for Gutenberg</li>
<li>Google Maps Gutenberg Block</li>
<li>Gutenberg Design – Premium Designs for Gutenberg</li>
<li>GhostKit – Gutenberg Blocks Collection</li>
<li>WooCommerce Blocks – Gutenberg WooCommerce Integration</li>
<li>Gutenberg Blocks and Template Library by Otter</li>
</ul>
<h3>Installation and Usage</h3>
<ol>
<li>Install and activate the plugin via your WordPress dashboard.</li>
<li>Open your Gutenberg (block) editor.</li>
<li>Click on the small carrot icon located in the top panel to start using our library.</li>
</ol>

Gutenberg Blocks Templates – 50+ Free Gutenberg Block Designs

🐰 Default Gutenberg Blocks beautifully arranged in ready-to-use design sections. ✅ One-click import. ✅ 50+ free designs.

Saji

Mahdi Yazdani

MyPreview

Block Data Attribute lets you attach custom <code>data-*</code> attributes to core WordPress blocks straight from the block settings sidebar. No theme edits, no custom code, no block validation errors.
data-* attributes are a standard HTML mechanism for storing extra information on elements. They are widely used for JavaScript interactions, CSS targeting, analytics tagging, accessibility enhancements, and third-party integrations. This plugin brings that capability into the block editor in a clean, structured way.
<h4>Key Features</h4>
<ul>
<li>Add any number of <code>data-*</code> attributes to supported blocks.</li>
<li>Name and value fields with input sanitisation built in.</li>
<li>Drag-and-drop reordering of attributes within the sidebar panel.</li>
<li>Attributes are saved directly in block markup — no post meta, no database overhead.</li>
<li>Fully extensible: register additional allowed block types via a JavaScript filter.</li>
<li>No build step required — ships as a single plain JavaScript file.</li>
<li>Translation-ready.</li>
</ul>
<h4>Supported Blocks</h4>
Out of the box the following core blocks support custom data attributes:
<ul>
<li><code>core/button</code></li>
<li><code>core/column</code></li>
<li><code>core/columns</code></li>
<li><code>core/group</code></li>
<li><code>core/heading</code></li>
<li><code>core/paragraph</code></li>
</ul>

Block Data Attribute

Saved me from having to build it myself. Surprised this still isn't built into native block functionality. Thank you!

Time saver

Add custom HTML data attributes to core WordPress blocks directly from the block editor sidebar — no coding required.

Gutenberg Blocks Templates – 50+ Free Gutenberg Block Designs vs Block Data Attribute