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

Phi Phan

Icon Separator

A simple, lightweight, accessibility-ready icon separator block.

OTWthemes

Separator Shortcode and Widget

Create Separators / Dividers. Nice and easy interface. Insert anywhere in your site - page/post editor, sidebars, template files.

STApp Professional GmbH

STApp Divider Plugin

Saji

Mahdi Yazdani

Markus Göckeritz

sixa

Sixa Spacer Block

Add empty vertical space to your page. Responsive for desktop and mobile devices. Supports background…

David Mosterd

Codepress

Tobias Schutter

Stefan van den Dungen Gronovius

Column Shortcodes

Adds shortcodes to easily create columns in your posts or pages.

SVG Block

Display an SVG image as a block, which can be used for displaying images, icons, dividers, buttons

Kevin Batdorf

Wavy Divider

A colorful, fun, lightweight divider block to energize your website with character and pizazz

Jakob Wiens

TZM Section Block

Build cool and eye-catching sections with parallax effects, shape dividers, and more handy features using this versatile Gutenberg block.

Nicolas Lecocq

Alex de Borba

Olympus Blocks

Transform Gutenberg into a real page builder with amazing and powerful blocks.

codetipi

Tipi Components

Tipi Components is a lightweight plugin to add some handy extra tools to your site.

demoify

Skeleton Shortcodes Collection

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>.

Alternatives to Modern Design Library

Top alternatives