GenerateBlocks Pro

Many block collections give you dozens of single-purpose blocks. GenerateBlocks Pro takes a smaller approach. You learn a handful of blocks, such as Container, Headline, Button, Image, Grid and Query Loop, and combine them to build almost any layout. Each block has detailed controls for spacing, typography, color, backgrounds and borders, so you can shape the design without writing code.

The plugin also includes a Design area in the editor and the admin menu. Global Styles and Design Tokens let you create, organize and edit a shared design system, with categories and import and export options. It was built by the creators of GeneratePress and is meant to work alongside that theme. It suits blogs, ecommerce sites and more complex page layouts, with device-level controls for mobile, tablet and desktop.

Features

• Container and Grid blocks: Organize content into rows and sections with the Container block, and build responsive grid layouts using flexbox controls for whatever structure a page needs.
• Dynamic headlines and images: The Headline and Image blocks accept static or dynamic content, with typography options for text and fine control over image positioning and sizing.
• Query Loop block: Display posts from any custom post type with customizable layouts, which suits blogs and ecommerce sites that need content pulled in automatically.
• Buttons with inline SVG icons: Style buttons and headlines with your own inline SVG icons, adding branded touches to calls to action without relying on an extra icon library.
• Typography and spacing controls: Choose Google or local fonts, then adjust size, weight and spacing. Padding, margins and borders can be set precisely for balanced layouts.
• Color, gradient and background styling: Apply colors across containers, text and borders, add custom gradients, and place background images with detailed control over size and position.
• Global Styles and Design Tokens: Create and edit a shared design system from the editor Design panel or the Design dashboard, with categories and import and export for both.
• Responsive device controls: Adjust settings separately for mobile, tablet and desktop so layouts look right on each screen without extra coding.

Best for

• Developers who want a small, flexible block set
• Designers building custom layouts in the block editor
• GeneratePress users, blogs and ecommerce sites