Mervin Praison

<p>This plugin contains patterns for you to check out, ranging from a simple text pattern to a more complex pattern containing both images and text.</p>
<p><a href="https://mer.vin/wordpress/plugins/patterns/#create" title="Create WordPress Block Patterns" rel="nofollow ugc">Create WordPress Block Patterns</a></p>
<h4>Add your block patterns to this plugin</h4>
<ol>
<li>
<p>Fork</p>
<pre><code>https://github.com/Praison/Patterns
</code></pre>
</li>
<li>
<p>Clone your new fork locally</p>
<pre><code>git clone https://github.com/YOUR_USERNAME/Patterns.git
cd Patterns
</code></pre>
</li>
<li>
<p>Connect to original repository https://github.com/Praison/Patterns</p>
<pre><code>git remote add --track master upstream https://github.com/Praison/Patterns.git
git fetch upstream
</code></pre>
</li>
<li>
<p>Create a new branch for your changes</p>
<pre><code>git checkout -b YOUR_USERNAME upstream/master
</code></pre>
</li>
<li>
<p>Add your block patterns in <code>index.php</code></p>
<pre><code>register_block_pattern(
    'praison-gutenberg-block-patterns/TITLE-OF-YOUR-BLOCK-PATTERN',  # Add Hyphens between lowercase words
    array(
        'title'   => __( 'TITLE_OF_YOUR_BLOCK_PATTERN', 'praison-gutenberg-block-patterns' ),
        'content' => "BLOCK_PATTERN_GOES_HERE",
        'categories' => array("CATEGORY"), # eg: columns, text ..etc
    )
);
</code></pre>
</li>
<li>
<p>Add, Commit, Push</p>
<pre><code>git add .
git commit -m "Added block pattern TITLE_OF_YOUR_BLOCK"
git push -u origin YOUR_USERNAME
</code></pre>
</li>
<li>
<p>Submit your <a href="https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request" title="Creating Pull Request" rel="nofollow ugc">pull request</a></p>
</li>
</ol>


WordPress Block Patterns Plugin

Ability to add your Block patterns

WP Plover

<p>Plover kit provide pattern library and pluggable modules that enhance the Gutenberg core blocks and also provide extended features. Creating unique and eye-catching web designs is pleasant and easy with the WordPress block editor and the extensions provided by Plover Kit.</p>
<h3>Featured Modules</h3>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/pattern-library/" rel="nofollow ugc">Pattern Library</a></h4>
<p>Add beautiful, ready-to-go layouts to your site with one click.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/table-of-contents/" rel="nofollow ugc">Table of Contents</a></h4>
<p>Introduce a Table of Contents block to your posts and pages. It shows a nested list of links to all the headings found in a post or page.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/breadcrumb/" rel="nofollow ugc">Breadcrumb</a></h4>
<p>Let’s you easily display breadcrumb navigation on your WordPress site, easy customization.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/shape-divider/" rel="nofollow ugc">Shape Divider</a></h4>
<p>Shape divider is used to create visual separation between different sections of content.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/particles-effect/" rel="nofollow ugc">Particles Effect</a></h4>
<p>Add cool particle effects to your designs!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/rough-notation/" rel="nofollow ugc">Rough Notation</a></h4>
<p>Create and animate hand-draw style notations on a page.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/entrance-animation/" rel="nofollow ugc">Entrance Animation</a></h4>
<p>Entrance animation adding dynamic movement to elements as they appear on screen.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/hover-animation/" rel="nofollow ugc">Hover Animation</a></h4>
<p>The Hover Animation allow you to add mouse hover animation effect for elements on your WordPress website.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/typing-animation/" rel="nofollow ugc">Typing Animation</a></h4>
<p>Add dynamic typing effects to your text.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/counter-block/" rel="nofollow ugc">Counter Block</a></h4>
<p>Introduce a counter block enables you to add an animated numbered counter to your page.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/reading-time-block/" rel="nofollow ugc">Reading Time Block</a></h4>
<p>Let’s you easily add an estimated reading time to your WordPress posts.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/code-snippets/" rel="nofollow ugc">Code Snippets</a></h4>
<p>Insert code snippets to site header or footer section like Google Analytics code, AdSense Code, Facebook Pixels code, and more.</p>
<p>You no longer need to manually modify theme code such as header.php, and no code snippets are lost when switching or updating themes.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-shadow/" rel="nofollow ugc">Block Shadow</a></h4>
<p>Extra text-shadow, drop-shadow, and box-shadow support for core blocks.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-sticky/" rel="nofollow ugc">Block Sticky</a></h4>
<p>Make your content in the page visible at all times, making it permanently visible while scrolling.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-measures/" rel="nofollow ugc">Block Measures</a></h4>
<p>You can set height, width, [min/max]-height and [min/max]-width css properties for blocks, responsive!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/css-position/" rel="nofollow ugc">CSS Position</a></h4>
<p>You can set position and z-index css properties for blocks, responsive!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/css-display/" rel="nofollow ugc">CSS Display</a></h4>
<p>You can set display CSS properties for blocks, responsive!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-event-handler/" rel="nofollow ugc">Event Handler</a></h4>
<p>Adding event handler to blocks to execute custom JavaScript snippets.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/code-highlight/" rel="nofollow ugc">Code Highlight</a></h4>
<p>Add out-of-the-box code highlighting features for core/code block.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/icon-button/" rel="nofollow ugc">Icon Button</a></h4>
<p>Add icon to boring buttons!, 2000+ free icons available!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/icon-block/" rel="nofollow ugc">Icon Block</a></h4>
<p>Add icons to your design! 2000+ free icons available!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/icon-library/" rel="nofollow ugc">Icon Library</a></h4>
<p>Icon library allows you to manage icon libraries and upload your custom SVG icons.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/preloader/" rel="nofollow ugc">Preloader</a></h4>
<p>Animated elements that appear while website content loads make waiting more enjoyable.</p>
<h3>Privacy</h3>
<p>The following features of this plugin require access to our <a href="https://api.wpplover.com/" rel="nofollow ugc">external services</a>.</p>
<ul>
<li>Icon Library</li>
<li>Pattern Library</li>
</ul>
<p>Read <a href="https://wpplover.com/privacy-policy/" rel="nofollow ugc">Privacy policy</a> and <a href="https://wpplover.com/terms-conditions/" rel="nofollow ugc">Terms & Conditions</a> of this plugin.</p>


Plover Kit – Blocks, Patterns and Editor Enhancements

Patterns library and all-in-one block editor enhancement toolkit.

WordPress Block Patterns Plugin vs Plover Kit – Blocks, Patterns and Editor Enhancements