MDL Shortcodes

plugin banner

Making it easy to use MDL components in WordPress via shortcodes

Author:Ciprian Popescu (profile at wordpress.org)
WordPress version required:5.4
WordPress version tested:7.0
Plugin version:1.2.0
Added to WordPress repository:15-09-2015
Last updated:04-03-2026
Rating, %:100
Rated by:1
Plugin URI:https://getbutterfly.com/wordpress-plugins/mo...
Total downloads:5 097
Active installs:70+
plugin download
Click to start download

Modern Design Library is a toolkit of opinionated Gutenberg blocks for WordPress. All optional blocks are registered using PHP-only block registration (autoRegister) — no JavaScript build step or Node.js tooling required.

The plugin ships with:

  • Colored Line — a fully customisable horizontal separator block with striped, shade, and dotted style variants (classic JS-registered block).
  • Advanced Separator (experimental) — a PHP-only separator with configurable width, height, padding, alignment, and three decorative variants.
  • 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.
  • 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.
  • Call to Action (experimental) — a CTA banner with heading, subheading, button label/URL, three visual variants (Primary/Secondary/Dark), and native colour overrides.
  • 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).

Optional blocks are enabled from Settings Modern Design Library Modules.

The optional blocks require the Gutenberg plugin or WordPress 7.0+ for the autoRegister block support.

Read more on getButterfly.

For a deep dive into how the PHP-only blocks work, read PHP-Only Block Registration in WordPress 7.0.

ChangeLog