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.

Phi Phan

A simple, lightweight, accessibility-ready icon separator block.
<h3>Key Features</h3>
<ul>
<li>Customize the icon width, spacing, color and position.</li>
<li>Customize the separator width, style, color and position.</li>
<li>Accessibility ready with ‘separator’ role.</li>
<li>Simple and easy to use but included full settings even with responsive width and responsive vertical margin.</li>
<li>An icon library included icons from “Bootstrap Icons”, “Ionicons”, “Dashicons” and new “WordPress Icons”.</li>
</ul>
Please take a look at <a href="https://boldpatterns.net/keywords/separator?utm_source=wp.org&utm_campaign=readme&utm_medium=link&utm_content=Icon+Separator" rel="nofollow ugc">these custom block patterns</a> that use this block to see how it can be applied to real-world sites.
If this plugin is useful for you, please do a quick review and <a href="https://wordpress.org/support/plugin/icon-separator/reviews/#new-post" rel="ugc">rate it</a> on WordPress.org to help us spread the word. I would very much appreciate it.
Please check out my other plugins if you’re interested:
<ul>
<li><a href="https://wordpress.org/plugins/content-blocks-builder" rel="ugc">Content Blocks Builder</a> – This plugin turns the Block Editor into a powerful page builder by allowing you to create blocks, variations, and patterns directly in the Block Editor without needing a code editor.</li>
<li><a href="https://wordpress.org/plugins/display-a-meta-field-as-block" rel="ugc">Meta Field Block</a> – A block to display custom fields as blocks on the front end. It supports custom fields for posts, terms, users, and setting fields. It can also be used in the Query Loop block.</li>
<li><a href="https://wordpress.org/plugins/svg-block" rel="ugc">SVG Block</a> – A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library.</li>
<li><a href="https://wordpress.org/plugins/breadcrumb-block" rel="ugc">Breadcrumb Block</a> – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce.</li>
<li><a href="https://wordpress.org/plugins/block-enhancements" rel="ugc">Block Enhancements</a> – Adds practical features to blocks like icons, box shadows, transforms, etc.</li>
<li><a href="https://wordpress.org/plugins/counting-number-block" rel="ugc">Counting Number Block</a> – A block to display numbers with a counting effect</li>
<li><a href="https://wordpress.org/plugins/better-youtube-embed-block" rel="ugc">Better YouTube Embed Block</a> – A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists.</li>
</ul>
The plugin is developed using @wordpress/create-block.

Icon Separator

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

Modern Design Library vs Icon Separator