Justin Tadlock

Block Pattern Builder is a simple plugin that allows end-users to create custom block patterns within the WordPress plugin directory. The plugin currently requires Gutenberg 7.8+. Block patterns will be a part of core WordPress in the future. For now, Gutenberg is a hard requirement.
More information on block patterns can be found via the following links:
<ul>
<li><a href="https://wptavern.com/gutenberg-7-8-adds-patterns-api-and-continues-interface-cleanup" rel="nofollow ugc">Gutenberg 7.8 Adds Patterns API and Continues Interface Cleanup</a></li>
<li><a href="https://wptavern.com/block-patterns-will-change-everything" rel="nofollow ugc">Block Patterns Will Change Everything</a></li>
</ul>
<h3>How to Use the Plugin</h3>
After installing and activating the plugin, you should see a new “Block Patterns” menu item in your WordPress admin. From that point, you can create a new pattern just like you would any post or page. The process is the same.
The idea with patterns is to create a reusable pattern or section of blocks that you will use later. Once you publish a pattern, it will be available within the pattern library.
Now, go to any post or page. Click on the pattern icon. At the time of writing, that icon is in the top right corner of the block editor, but this will surely change in future versions of Gutenberg and WordPress. After clicking on the icon, you should see your custom pattern in the pattern library/list. Click on it. It will be inserted into your post.
As of version 1.1.0, users can create a block pattern directly from the editor. Click on the “more options” button (ellipsis icon) in the editor toolbar with at least one block selected. Then, click the “Add to Block Patterns” option.

Block Pattern Builder

Create custom block patterns from the WordPress admin. No coding required.

DotCamp

Istiak Rayhan

Imtiaz Rayhan

WP Coupons and Deals

WPLeaders

Ultimate Blocks

WP Table Builder

erdembircan

Farhan Shafi

Alexis Pandaan

<a href="https://ultimateblocks.com/pricing/" rel="nofollow ugc">Get Pro</a> | <a href="https://ultimateblocks.com/docs/" rel="nofollow ugc">Documentation</a>
Ultimate Blocks is a free powerhouse for bloggers and content marketers using WordPress. It’s not just a plugin, it’s a toolkit to skyrocket user engagement and simplify content creation.
With Ultimate Blocks, you’re not just adding functionalities; you’re crafting experiences.
From interactive content filters, captivating call-to-actions, to social sharing made effortless, every block is a step towards a more engaging and visually appealing website.
It’s about making every visit count, every interaction memorable, and every content piece a breeze to create and manage.
Transform your WordPress journey; let Ultimate Blocks be the catalyst for your website’s success.
Ultimate Blocks currently includes the following blocks:
<ul>
<li>Coupon (Available in Pro) – <a href="https://ultimateblocks.com/coupon-block/" rel="nofollow ugc">View Demo</a></li>
<li>Timeline (Available in Pro) – <a href="https://ultimateblocks.com/timeline-block" rel="nofollow ugc">View Demo</a></li>
<li>Content Filter – <a href="https://ultimateblocks.com/content-filter-block/" rel="nofollow ugc">View Demo</a></li>
<li>Review (Schema Markup Enabled) – <a href="https://ultimateblocks.com/schema-review-block/" rel="nofollow ugc">View Demo</a></li>
<li>HowTo Schema – <a href="https://ultimateblocks.com/howto-schema-block/" rel="nofollow ugc">View Demo</a></li>
<li>Table of Contents – <a href="https://ultimateblocks.com/table-of-contents-block/" rel="nofollow ugc">View Demo</a></li>
<li>Tabbed Content – <a href="https://ultimateblocks.com/tabbed-content-block/" rel="nofollow ugc">View Demo</a></li>
<li>Call to Action – <a href="https://ultimateblocks.com/call-to-action-block/" rel="nofollow ugc">View Demo</a></li>
<li>Content Toggle (Accordion) – <a href="https://ultimateblocks.com/content-toggle-accordion-block/" rel="nofollow ugc">View Demo</a></li>
<li>Styled Box – <a href="https://ultimateblocks.com/styled-box-block/" rel="nofollow ugc">View Demo</a></li>
<li>Styled List – <a href="https://ultimateblocks.com/styled-list-block/" rel="nofollow ugc">View Demo</a></li>
<li>Expand – <a href="https://ultimateblocks.com/expand-block/" rel="nofollow ugc">View Demo</a></li>
<li>Testimonial – <a href="https://ultimateblocks.com/testimonial-block/" rel="nofollow ugc">View Demo</a></li>
<li>Click to Tweet – <a href="https://ultimateblocks.com/click-to-tweet-block/" rel="nofollow ugc">View Demo</a></li>
<li>Social Share – <a href="https://ultimateblocks.com/social-share-block/" rel="nofollow ugc">View Demo</a></li>
<li>Countdown – <a href="https://ultimateblocks.com/countdown-block/" rel="nofollow ugc">View Demo</a></li>
<li>Progress Bar – <a href="https://ultimateblocks.com/progress-bar-block/" rel="nofollow ugc">View Demo</a></li>
<li>Post Grid – <a href="https://ultimateblocks.com/post-grid-block/" rel="nofollow ugc">View Demo</a></li>
<li>Star Rating – <a href="https://ultimateblocks.com/star-rating-block/" rel="nofollow ugc">View Demo</a></li>
<li>Image Slider – <a href="https://ultimateblocks.com/image-slider-block/" rel="nofollow ugc">View Demo</a></li>
<li>Button (Improved) – <a href="https://ultimateblocks.com/improved-button-block/" rel="nofollow ugc">View Demo</a></li>
<li>Divider – <a href="https://ultimateblocks.com/divider-block/" rel="nofollow ugc">View Demo</a></li>
</ul>
We have more exciting blocks in the making. Have a suggestion? <a href="https://ultimateblocks.com/contact/" rel="nofollow ugc">Let us know</a>.
<h3>Join Us To Get Updates and Resources</h3>
<ul>
<li><a href="https://ultimateblocks.com?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=ultimateblocks" rel="nofollow ugc">Visit Ultimate Blocks Website</a></li>
<li><a href="http://twitter.com/Ultimate_Blocks" rel="nofollow ugc">Follow Us on Twitter</a></li>
<li><a href="https://ultimateblocks.com/community/" rel="nofollow ugc">Join Our Support Community</a></li>
<li><a href="https://www.facebook.com/groups/ultimateblocks/" rel="nofollow ugc">Join Our Facebook Group</a></li>
</ul>
<h3>More Info About the Blocks</h3>
Content Filter 
Content Filter lets your visitors filter the content based on different filters. You can let your users go through your content more easily.
Review Block 
Add a review block with product name, features, summary, button and star rating. It is Schema Markup enabled.
HowTo Schema Block 
Add HowTo Schema with sections, steps and valid schema data.
Table of Contents Block 
Generate a table of contents from your headings.
Tabbed Content Block 
Add content in tabs in your posts/pages. This comes with a nice drag and drop feature to sort the tabs.
Call to Action Block 
Add a nice call to action box with a button. Encourage users to take action, engage more. You can customize everything in the block.
Content Toggle 
Add contents in accordions. Let visitors expand them and show the content.
Styled Box Block 
Add styled box like – Notification box, Number box, Feature box in your content. Three templates now, more in the making.
Styled List Block 
This block lets you add a styled list in your post or pages. Instead of bullets you can use various icons as your list style type. You can also choose color for icons.
Expand Block 
Expand Block lets you add expandable content. You can hide some part of your content initially. Upon clicking on ‘Show More’ it will show. It can be hidden again.
Testimonial Block 
Nice, simple testimonial box with option to add image, name, role of the testimonial author.
Click to Tweet 
Add tweetable content in your posts/pages.
Social Share Block 
Add social share buttons in your posts and pages with this blocks. It comes with lots of customization options too.
Countdown Block 
Add a countdown in your post/pages. Comes with three different styles.
Progress Bar Block 
Add Cirle/Line Progress bar with this blocks. Comes with options to change thickness, color.
Post Grid Block 
Add a list or grid of your posts. Comes with options to change categories, order and many more.
Star Rating Block 
Add Star ratings in your posts/pages. You can customize size, color, numbers of stars.
Image Slider Block 
Add a lightweight, simple image slider in your post. Comes with additional settings.
Button Block 
Button block with more customization options and controls.
Divider Block 
Add custom divider between your blocks. Customize the color, size, everything.
<h3>Other tools from us</h3>
<a href="https://wordpress.org/plugins/tableberg/" rel="ugc">Tableberg</a>: The Best WordPress Block Table Plugin to create beautiful and responsive tables.
<a href="https://wordpress.org/themes/groundwp/" rel="ugc">GroundWP</a>: Lightweight and Minimal Block Theme for efficient Full-Site Editing.

Ultimate Blocks – 25+ Gutenberg Blocks for Block Editor

Use this on all my sites

Thank you for making it available to everyone...

Good plugin

Simple and useful


Easy to use with lots of customization.


Useful blocks

Create Better Content With The Block Editor. Custom Blocks for Bloggers and Content Marketers.

Block Pattern Builder vs Ultimate Blocks – 25+ Gutenberg Blocks for Block Editor