WP Plover

<p>Tired of the limitations of the standard WordPress block editor? Plover Kit is a powerful WordPress blocks plugin that enhances the Gutenberg block editor with a beautiful pattern library, advanced custom blocks, and extensive responsive design controls for core blocks. Add magazine layouts, table of contents, icons, animations, and more—all while keeping your site fast with its modular design. Build professional websites faster, without touching code.</p>
<h3>🚀 Key Features & Enhancements</h3>
<h4>🎨 Advanced Layout & Core Block Controls</h4>
<p>Go beyond the default settings. Plover Kit adds advanced design options to standard WordPress blocks like <strong>Cover</strong>, <strong>Columns</strong>, <strong>Query Pagination</strong>, <strong>Buttons</strong>, and more. Gain precise control over:</p>
<ul>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/advanced-layout/#flex-layout" rel="nofollow ugc">Flex Layout</a></strong>: Add responsive Flexbox Layout controls to WordPress core blocks, allowing you to create advanced and flexible layouts without any code. (<strong><a href="https://wpplover.com/docs/plover-kit/modules/advanced-layout/#flex-layout" rel="nofollow ugc">Flex Layout</a></strong>).</li>
<li><strong>Layout & Positioning</strong>: Set block position (relative, absolute, sticky, fixed), Z-Index, Order (<strong><a href="https://wpplover.com/docs/plover-kit/modules/advanced-layout/#css-position" rel="nofollow ugc">CSS Position</a></strong>) and display properties with responsive controls (<strong><a href="https://wpplover.com/docs/plover-kit/modules/advanced-layout/#css-display" rel="nofollow ugc">CSS Display</a></strong>).</li>
<li><strong>Spacing & Sizing</strong>: Set height, width, min/max dimensions with responsive controls (<strong><a href="https://wpplover.com/docs/plover-kit/modules/advanced-layout/#block-sizing" rel="nofollow ugc">Block Sizing</a></strong>).</li>
<li><strong>Visual Styles</strong>: Apply advanced text-shadow, drop-shadow, and box-shadow to any blocks (<strong><a href="https://wpplover.com/docs/plover-kit/modules/block-shadow/" rel="nofollow ugc">Block Shadow</a></strong>).</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/block-sticky/" rel="nofollow ugc">Block Sticky</a></strong>: Make elements sticky on scroll.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/block-event-handler/" rel="nofollow ugc">Event Handler</a></strong>: Add custom JavaScript event handlers (click, double-click, hover, etc.) to button block for advanced interactions.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/code-highlight/" rel="nofollow ugc">Code Highlight</a></strong>: Enhance the core Code block with syntax highlighting.</li>
</ul>
<h4>🆕 Powerful Custom Blocks</h4>
<p>Instantly add complex functionality with dedicated blocks:</p>
<ul>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/magazine-layout/" rel="nofollow ugc">Magazine Layout</a></strong>: Elevate your WordPress site with the Magazine Layout dynamic content presentation..</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/table-of-contents/" rel="nofollow ugc">Table of Contents</a></strong>: Auto-generate a nested list of headings for better navigation.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/breadcrumb/" rel="nofollow ugc">Breadcrumb</a></strong>: Simple, customizable breadcrumb navigation.</li>
<li>Icon & Icon Button: Access a library of 2000+ free icons to enrich your design.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/counter-block/" rel="nofollow ugc">Counter Block</a></strong>: Animate numbered counters for stats and milestones.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/reading-time-block/" rel="nofollow ugc">Reading Time Block</a></strong>: Display an estimated reading time for your articles.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/code-snippets/#code-snippet-block" rel="nofollow ugc">Code Snippet Block (Premium)</a></strong>: Insert saved code snippets from your <a href="https://wpplover.com/docs/plover-kit/modules/code-snippets/" rel="nofollow ugc">Code Snippets library</a> anywhere on the page.</li>
</ul>
<h3>💎 Complete Icon Solution</h3>
<p>Add beautiful icons anywhere with our integrated icon system. Access a library of 2000+ free icons or upload your own SVGs.</p>
<ul>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/icon-block/" rel="nofollow ugc">Icon Block</a></strong>: Place icons as standalone elements anywhere on the page.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/icon-block/#inline-icon" rel="nofollow ugc">Inline Icon (Premium)</a></strong>: Insert icons directly inside any text or heading, right alongside your words.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/icon-button/" rel="nofollow ugc">Icon Button</a></strong>: Easily add icons to the standard Button block to make your calls-to-action pop.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/icon-library/" rel="nofollow ugc">Icon Library</a></strong>: Manage, upload, and organize your custom SVG icons or choose from 2000+ online icons — all in one place.</li>
</ul>
<h4>✨ Dynamic & Visual Effects</h4>
<p>Add motion and flair without slowing down your site:</p>
<ul>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/entrance-animation/" rel="nofollow ugc">Entrance Animation</a></strong>: Bring elements to life as they scroll into view.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/hover-animation/" rel="nofollow ugc">Hover Animation</a></strong>: Engage visitors with interactive hover effects.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/typing-animation/" rel="nofollow ugc">Typing Animation</a></strong>: Create dynamic, eye-catching text animations.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/shape-divider/" rel="nofollow ugc">Shape Divider</a></strong>: Craft beautiful visual separations between sections.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/particles-effect/" rel="nofollow ugc">Particles Effect</a></strong>: Add subtle, modern background particle effects to your design.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/rough-notation/" rel="nofollow ugc">Rough Notation</a></strong>: Mimic hand-drawn annotations like circles and underlines.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/preloader/" rel="nofollow ugc">Preloader</a></strong>: Display animated elements while your site content loads.</li>
</ul>
<h3>🧩 Time-Saving Libraries</h3>
<ul>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/pattern-library/" rel="nofollow ugc">Pattern Library</a></strong>: Insert ready-made, professional layouts with a single click.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/icon-library/" rel="nofollow ugc">Icon Library</a></strong>: Choose from 2000+ online icons or upload and manage your own custom SVG icons.</li>
<li><strong><a href="https://wpplover.com/docs/plover-kit/modules/code-snippets/" rel="nofollow ugc">Code Snippets</a></strong>: Create and insert HTML, JavaScript, or CSS snippets to site header or footer section like Google Analytics code, AdSense Code, Facebook Pixels code, and more. No more editing theme files such as <code>header.php</code> — your code stays safe even when switching themes.</li>
</ul>
<h3>Why Choose Plover Kit?</h3>
<ul>
<li><strong>Modular Design</strong>: Activate only the features you need for optimal performance.</li>
<li><strong>Built for the Block Editor</strong>: Seamlessly integrates with WordPress and most block themes.</li>
<li><strong>Unlocks Design Potential</strong>: Responsive layout, animations, advanced extensions —— Plover Kit Turns the block editor into a true page builder alternative.</li>
</ul>
<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, Responsive Layout and Gutenberg Editor Enhancements

WordPress block editor Toolkit: responsive controls, blocks, icons, animations, pattern library. Modular design, fast, no coding skills required.

WP Engine

Ryan Kienstra

Jen Baumann

Phil Johnston

Michael Day

Mike McAlister

<p><em>Note: Pattern Manager is currently in beta.</em></p>
<p>When you design beautiful block patterns for your theme, Pattern Manager by WP Engine will automatically push them into PHP files for you, every time you save. With a dedicated studio to design and build block patterns you can 10x your ability to work effectively with theme patterns.</p>
<h3>Who should use Pattern Manager by WP Engine</h3>
<p>Pattern Manager is designed to be used by theme developers and is not intended to create patterns on production sites. Please review our <a href="#faq-header" rel="nofollow ugc">FAQ</a> below.</p>
<h3>Key Features of Pattern Manager by WP Engine</h3>
<ul>
<li>A dedicated place to build and design Block Patterns.</li>
<li>Save (and generate) pattern files directly to disk in your theme (no exporting needed).</li>
<li>Patterns available come from your theme on the disk, allowing for easy collaboration with git.</li>
<li>Images used in patterns are auto-copied into your theme and referenced in the PHP pattern file.</li>
<li>No more copying and pasting code to files.</li>
<li>No more copying and pasting images to your theme.</li>
<li>Browse all your patterns by their preview thumbnails.</li>
<li>Create patterns and edit them later.</li>
<li>Easy discovery and use of hidden WordPress core pattern features.</li>
</ul>
<h3>Things you can do with Pattern Manager:</h3>
<ul>
<li>Create a pattern with a click.</li>
<li>Duplicate a pattern.</li>
<li>Delete a pattern.</li>
<li>Rename a pattern.</li>
<li>Utilize hidden WordPress core pattern features.</li>
<li>Save a pattern to a php file in your theme.</li>
</ul>
<h3>Hidden WP core pattern features you can unlock with Pattern Manager:</h3>
<ul>
<li>When a user makes a new page or post, auto-show a modal with your patterns, available to be used.</li>
<li>Make your pattern available in the block inserter, or choose to hide it from the inserter.</li>
<li>Allow users to transform any block into your pattern.</li>
</ul>
<h3>Upon every “save” of a pattern, Pattern Manager will do the following:</h3>
<ul>
<li>Create/update the pattern PHP file on your disk, in your theme.</li>
<li>Find and replace all local image urls with the correct PHP tag.</li>
<li>Find and copy all image files used into your theme.</li>
</ul>
<h3>Additional Features</h3>
<h3>The Pattern Block: Put patterns inside patterns.</h3>
<p>Once you’ve built a lot of patterns, it makes sense to quickly combine them in various ways to make full-page patterns. An example of this might be a “Home Page” or “Landing Page” pattern that includes a call-to-action area, features area, testimonials, links, and more. Instead of re-creating each of those patterns inside your “Home Page” pattern, you can simply re-use them with the “Pattern Block”.</p>
<p>Here’s an example of how you’d make that “Full Page” pattern:<br />
 * Step 1: In Pattern Manager, click “Create New Pattern”.<br />
 * Step 2: Add the “Pattern Block” (note: this block is exclusively available in the Pattern Manager editor).<br />
 * Step 3: Choose a pattern you’ve already made (like testimonials, features, call-to-actions, etc).<br />
 * Step 4. Once inserted, repeat steps 2-3 until you have a “Full Page” pattern you like.</p>
<p>The best part about using the “Pattern Block” is maintaining your patterns. If you ever need to make a change to a pattern, you can update it in one place and it will be updated anywhere you used the Pattern Block, dynamically.</p>
<p>When one of your theme’s users inserts that “Full Page” pattern, because it’s using WordPress core’s pattern block, WordPress will automatically pull the separate patterns together into the Block Editor, ready for them to modify, just like any other pattern.</p>
<h3>Docs & Repo</h3>
<ul>
<li><a href="https://developer.wpengine.com/pattern-manager/" rel="nofollow ugc">User and developer docs</a></li>
<li><a href="https://github.com/studiopress/pattern-manager/" rel="nofollow ugc">GitHub repo</a></li>
</ul>


Pattern Manager

Manage your theme's pattern PHP files the easy way, with Pattern Manager by WP Engine.

Plover Kit – Blocks, Patterns, Responsive Layout and Gutenberg Editor Enhancements vs Pattern Manager