Blocklayouts 2.0: Introducing Custom Blocks, Extensions and Patters Library

Blocklayouts 2.0

We’re excited to announce the launch of Blocklayouts 2.0 – a complete transformation that takes our beloved patterns library and transforms it into a powerful WordPress plugin that supercharges your Gutenberg experience!

What’s New in Blocklayouts 2.0?

Blocklayouts 2.0 represents a fundamental shift in how we deliver value to WordPress users. Instead of just being a web-based patterns library, we’re now a fully integrated WordPress plugin that works seamlessly within your block editor.

Blocklayouts 2.0

But that’s just the beginning! We’ve packed this release with three game-changing features that will revolutionize how you build with Gutenberg:

Custom Blocks That Actually Matter

Did you ever wish Gutenberg had more blocks? We’ve constructed them for you, though! Our custom blocks are the blocks you’ve been lacking, not just a “nice to have.”

Icon block:

  • Choose from hundreds of beautiful icons
  • Adjust the style, color, and size to fit your brand.
  • Upload your own SVG icons for that personal touch
  • Perfect for buttons, headers, and anywhere you need visual flair
The new icon block

Marquee block:

A scrolling content feature helps you display testimonials and announcements in an eye-catching manner.

  • Adjust speed and direction.
  • You can use any content type including text and images and even other blocks with this functionality.
  • The design is optimized for mobile devices to deliver excellent appearance across all screen sizes.

Extensions That Supercharge Every Block

Here’s where things get really exciting. We didn’t just add new blocks – we made ALL your existing blocks more powerful with our extension system.

Icon button:

  • Add icon to the default button block
  • Choose from hundreds of icons organized by category
  • Upload your own SVG icons
Icon button

Animation Effects:

  • Smooth fade, slide, and scale animations
  • Trigger on page load or when scrolling into view
  • Lightweight and performant – no more janky animations
  • Perfect for hero sections, cards, and interactive elements
animations

Additional CSS:

  • Visual controls for common styling (position, transform, effects)
  • Custom CSS editor with syntax highlighting and auto-complete
  • Responsive breakpoints built right in
  • All styles apply as inline CSS for maximum priority
Custom CSS

Patterns Library That Actually Works

Our patterns library isn’t just a collection of pretty designs – it’s a fully integrated system that works right inside your editor.

Smart Pattern Management:

  • Browse patterns by category, columns, elements, and more
  • Search through hundreds of professionally designed patterns
  • Preview patterns before inserting them
  • Filter by premium status and media alignment
Patterns library

Seamless Integration:

Access patterns directly from the block editor sidebar

  • Insert patterns with a single click
  • All patterns are fully customizable after insertion
  • Works with your existing theme and styling

Leave a Reply

Your email address will not be published. Required fields are marked *