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 …

Pat Bloom

<p><strong>The PB Modular Pattern System (MPS)</strong> is a design and development system based on 6 so called ‘patterns’. Patterns can be seen as modular parts (on design and code level) that are assembled to bigger pieces of functional components which still can be updated without the need to rework them in other parts all the time. More about this on <a href="http://web.mps.systems" rel="nofollow ugc">http://web.mps.systems</a></p>
<h4>Features</h4>
<ul>
<li>Build a WordPress website completely modular – bases on 6 Patterns with MVC model approach</li>
<li>Create advanced re-usable Partials (and components) that can be injected with variables</li>
<li>Implement MPS in any (existing) template or use the example theme</li>
<li>Choose from front-end frameworks like UIkit, Bootstrap or WP Gutenberg</li>
<li>Based on rapid development, BEM and DRY method</li>
</ul>


PB Modular Pattern System

MVC / BEM based elemental and modular development system based on 6 patterns

Pattern Editor vs PB Modular Pattern System