Blockify

<p>Pattern Editor is a plugin to help you create and edit patterns for WordPress block themes. It automatically exports patterns on save as PHP files to the active themes <code>patterns</code> directory.</p>
<p>It works with the built-in <code>wp_block</code> post type and adds some minimal UI features to make working with patterns easier. The new Block Pattern editor UI in the Site Editor is supported, and the <code>wp_block</code> post type screen is exposed in the admin menu for quick access.</p>
<h4>Features</h4>
<ul>
<li>Exports assets (images, SVGs, videos) to the active theme’s <code>assets</code> directory.</li>
<li>Pattern front end previews.</li>
<li>Export patterns as PHP files.</li>
<li>Import patterns from PHP files.</li>
<li>Edit patterns in the block editor.</li>
<li>Can export to category subdirectories or a single directory.</li>
<li>Supports the new Block Pattern editor UI in the Site Editor.</li>
</ul>
<h4>Filters</h4>
<pre><code>blockify_pattern_export_use_category_dirs - Enable or disable the use of category directories for pattern exports. Default is `true`. If enabled, patterns will be exported to `patterns/{category}/{pattern-name}.php`. If disabled, patterns will be exported to `patterns/{category}-{pattern-name}.php`.

blockify_image_export_dir - Set the directory where images and assets are exported to. Default is `themes/$stylesheet/assets`. Images are saved to the `img` subdirectory, SVGs to the `svg` subdirectory, and videos to the `video` subdirectory.

blockify_pattern_export_content - Allows you to modify the content of the exported pattern file. The first parameter is the content of the pattern file, the second parameter is the pattern post object, and the third parameter is the pattern category slug.
</code></pre>
<p>More documentation coming soon.</p>


Pattern Editor

Import, export and edit patterns with the Block Pattern custom post type with additional settings and UI features that makes working with WordPress bl …

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.

Pattern Editor vs Plover Kit – Blocks, Patterns and Editor Enhancements