Ciprian Popescu

Modern Design Library is a toolkit of opinionated Gutenberg blocks for WordPress. All optional blocks are registered using PHP-only block registration (<code>autoRegister</code>) — no JavaScript build step or Node.js tooling required.
The plugin ships with:
<ul>
<li>Colored Line — a fully customisable horizontal separator block with striped, shade, and dotted style variants (classic JS-registered block).</li>
<li>Advanced Separator (experimental) — a PHP-only separator with configurable width, height, padding, alignment, and three decorative variants.</li>
<li>Advanced Heading (experimental) — 13 decorative heading styles, heading level selector (H1–H6), optional tagline, and full typography/spacing/border block support controls. Accent decorations automatically follow the text colour.</li>
<li>Marquee (experimental) — a single infinitely scrolling text row. Stack multiple blocks for multi-row layouts. Speed (Slow/Medium/Fast) and direction (Left/Right) are configurable. Animation script is loaded lazily — only on pages containing the block.</li>
<li>Call to Action (experimental) — a CTA banner with heading, subheading, button label/URL, three visual variants (Primary/Secondary/Dark), and native colour overrides.</li>
<li>Author Box (experimental) — displays a user card with avatar, bio, email, and LinkedIn link. User is selected from a dropdown. LinkedIn URL is stored as user meta (set on the user’s profile page).</li>
</ul>
Optional blocks are enabled from Settings → Modern Design Library → Modules.
The optional blocks require the Gutenberg plugin or WordPress 7.0+ for the <code>autoRegister</code> block support.
Read more on <a href="https://getbutterfly.com/wordpress-plugins/modern-design-library-ui/" rel="nofollow ugc">getButterfly</a>.
For a deep dive into how the PHP-only blocks work, read <a href="https://getbutterfly.com/php-only-block-registration-in-wordpress/" rel="nofollow ugc">PHP-Only Block Registration in WordPress 7.0</a>.

Modern Design Library

A Modern Design Library toolkit for blocks: separators, headings, marquees, call-to-action banners, and author boxes.

Mark Howells-Mead

Allow separator (<code>HR</code> / line) and unlinked, text-only entries in WordPress’ classic navigation menus.
<h3>Block editor</h3>
This plugin does not support the Block Editor or the navigation block. It is intended for use with the <a href="https://codex.wordpress.org/WordPress_Menu_User_Guide" rel="nofollow ugc">classic menus</a> (e.g. <code>wp_nav_menu</code>).
<h3>Usage</h3>
<ol>
<li>Upload the plugin folder to the <code>/wp-content/plugins/</code> directory</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress</li>
<li>Edit your menu in the “Appearance” section of WordPress Admin. Add a custom link entry, then use <code>---</code> (three dashes) as link text for a horizontal line or use <code>#</code> as a URL for an unlinked menu entry.</li>
</ol>
<h3>Filters</h3>
Version 2.1.0 of the plugin added two filters, with which developers can customise the output.
<ul>
<li><code>mhm-menu-separator/separator</code> allows customisation of a separator output. Receives the arguments <code>'<hr class="mhm-menu-separator">'</code> (the uncustomised HTML) and <code>$item</code> (the menu item).</li>
<li><code>mhm-menu-separator/title</code> allows customisation of an unlinked menu entry. Receives the arguments <code>$item->post_title</code> (the plain, unlinked menu item text) and <code>$item</code> (the menu item).</li>
</ul>

Add menu separators to navigation

I need something, I search for it and boom... it's here!
Thank you for this plugin, exactly what I wanted.

Wow, I love Wordpress

Allow separator (HR / line) and unlinked, text-only entries in WordPress' classic navigation menus.

Modern Design Library vs Add menu separators to navigation