Ciprian Popescu

<p>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.</p>
<p>The plugin ships with:</p>
<ul>
<li><strong>Colored Line</strong> — a fully customisable horizontal separator block with striped, shade, and dotted style variants (classic JS-registered block).</li>
<li><strong>Advanced Separator</strong> <em>(experimental)</em> — a PHP-only separator with configurable width, height, padding, alignment, and three decorative variants.</li>
<li><strong>Advanced Heading</strong> <em>(experimental)</em> — 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><strong>Marquee</strong> <em>(experimental)</em> — 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><strong>Call to Action</strong> <em>(experimental)</em> — a CTA banner with heading, subheading, button label/URL, three visual variants (Primary/Secondary/Dark), and native colour overrides.</li>
<li><strong>Author Box</strong> <em>(experimental)</em> — 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>
<p>Optional blocks are enabled from <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Modern Design Library <span aria-hidden="true" class="wp-exclude-emoji">→</span> Modules</strong>.</p>
<p>The optional blocks require the <strong>Gutenberg plugin</strong> or <strong>WordPress 7.0+</strong> for the <code>autoRegister</code> block support.</p>
<p>Read more on <a href="https://getbutterfly.com/wordpress-plugins/modern-design-library-ui/" rel="nofollow ugc">getButterfly</a>.</p>
<p>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>.</p>


Modern Design Library

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

Ahmed Ramzan - Gosign.de

Awais - Gosign.de

Mohsin Khan - Gosign.de

Muhammad Zohaib

Ahsan Zia

Mansoor - Gosign.de

<h3>English</h3>
<p>This plugin creates a border block. it could be empty space, border with icon, border with different width and positions and alot of custom options.</p>
<h4>Features:</h4>
<ul>
<li>Full width, short width separators</li>
<li>Add beautiful icon border of custom colors</li>
<li>Creates styling borders with icon or svg images</li>
<li>Alot of custom styling options for border</li>
<li>Add White Space between your blocks</li>
<li>Add border with or without shadows</li>
<li>Add Marging space between blocks</li>
<li>PHP 7.2-support</li>
<li>Full WordPress 5 (Codename: Gutenberg) support</li>
</ul>
<h3>MORE WORDPRESS 5 (GUTENBERG) CONTENT ELEMENTS / CONTENT BLOCKS:</h3>
<ul>
<li><a href="https://wordpress.org/plugins/gosign-masonry-post-block/" rel="ugc">Masonry Post Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-background-container/" rel="ugc">Background Container Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-text-with-image-block/" rel="ugc">Text with Image Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-simple-teaser-block/" rel="ugc">Simple Teaser Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-accordion-slider-block/" rel="ugc">Accordion Slider Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-google-maps-block/" rel="ugc">Google Maps Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-advanced-separator-block/" rel="ugc">Advanced Separator Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-logo-slider-block/" rel="ugc">Logo Slider Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-post-teaser-block/" rel="ugc">Post Teaser Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-posts-slider-block/" rel="ugc">Posts Slider Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-readmore-toggle-text-block/" rel="ugc">ReadMore Toggle Text Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-header-image-block/" rel="ugc">Header Image Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-notification-and-alert-block/" rel="ugc">Notification and Alert Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-promo-box-block/" rel="ugc">Promotion Box Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-youtube-video-player-block/" rel="ugc">Youtube Video Player Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-vimeo-video-player-block/" rel="ugc">Vimeo Video Player Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-gallery-box-block/" rel="ugc">Gallery Box Block</a></li>
<li>Full Width Button Block</li>
<li>Button Block</li>
<li>FAQ Block</li>
</ul>
<h3>MEHR WORDPRESS 5 (GUTENBERG) INHALTSELEMENTE / INHALTSBLÖCKE:</h3>
<ul>
<li><a href="https://wordpress.org/plugins/gosign-masonry-post-block/" rel="ugc">Mauerwerkspfostenblock</a></li>
<li><a href="https://wordpress.org/plugins/gosign-background-container/" rel="ugc">Hintergrund-Container-Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-text-with-image-block/" rel="ugc">Text mit Bildblock</a></li>
<li><a href="https://wordpress.org/plugins/gosign-simple-teaser-block/" rel="ugc">Einfacher Teaser Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-accordion-slider-block/" rel="ugc">Akkordeon-Schieberblock</a></li>
<li><a href="https://wordpress.org/plugins/gosign-google-maps-block/" rel="ugc">Google Maps Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-advanced-separator-block/" rel="ugc">Erweiterter Separatorblock</a></li>
<li><a href="https://wordpress.org/plugins/gosign-logo-slider-block/" rel="ugc">Logo Slider Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-post-teaser-block/" rel="ugc">Beitrag Teaser Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-posts-slider-block/" rel="ugc">Posts Slider Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-readmore-toggle-text-block/" rel="ugc">ReadMore Textblock umschalten</a></li>
<li><a href="https://wordpress.org/plugins/gosign-header-image-block/" rel="ugc">Kopfzeile Bildblock</a></li>
<li><a href="https://wordpress.org/plugins/gosign-notification-and-alert-block/" rel="ugc">Benachrichtigungs- und Warnblockierung</a></li>
<li><a href="https://wordpress.org/plugins/gosign-promo-box-block/" rel="ugc">Promotion Box Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-youtube-video-player-block/" rel="ugc">Youtube Video Player Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-vimeo-video-player-block/" rel="ugc">Vimeo Video Player Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-gallery-box-block/" rel="ugc">Galerie Kastenblock</a></li>
<li>Tastenblock mit voller Breite</li>
<li>Tastenblock</li>
<li>FAQ Block</li>
</ul>
<p>Easy To Use All features.</p>
<h4>Features coming soon:</h4>
<ul>
<li>Just write us what you want.</li>
</ul>
<h3>Note: We are trying to give our best to Test this Plugin with the WordPress 5 Plugins and Themes. We will be thankfull if you can give us feedback about your Tests. So we can extend the bottom list.</h3>
<h4>LIVE DEMO</h4>
<ul>
<li><a href="https://www.gosign.de/plugins/gosign-advanced-separator-block/" rel="nofollow ugc">Advanced Separator Block</a></li>
</ul>


Gosign – Advanced Separator Block

This plugin enables you to add custom border, spaces, styling borders with icons there positioning, sizes, colors and many other options.

Modern Design Library vs Gosign – Advanced Separator Block