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.

Jakob Wiens

TZM Section Block brings powerful enhancements to the Gutenberg editor, allowing you to create visually appealing sections for your website with ease. This block is based on the official “Cover block” but offers advanced features for greater flexibility and design options.
<ul>
<li>Enhanced Parallax Background: Choose from “slow,” “medium,” and “fast” parallax speeds for a dynamic visual effect beyond the traditional “fixed” option.</li>
<li>Customizable Divider Shapes: Add top and bottom divider shapes to your sections. Choose from various shapes and customize their color, height, and more.</li>
<li>Responsive Full-Height Sections: Adjust full-height sections (100vh) to fit perfectly on screens by subtracting the height of a CSS selector element, such as a fixed header.</li>
<li>Overflow Content Control: Easily hide or display overflowing content within a section.</li>
</ul>
With these advanced options, TZM Section Block empowers designers and developers to craft sections that stand out while providing intuitive controls for seamless customization.
<h3>Source Code</h3>
The source code for TZM Section Block is now available on GitHub! 
Follow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community.
<ul>
<li><a href="https://github.com/jakobwiens7/tzm-section-block" rel="nofollow ugc">View on GitHub</a></li>
</ul>

TZM Section Block

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

Modern Design Library vs TZM Section Block