Add incredible versatility to your editor without bloating it with tons of one-dimensional Gutenberg blocks. With GenerateBlocks, you can learn a handful of blocks deeply and use them to build anything.

GenerateBlocks works hand-in-hand with GeneratePress, but is built to work with any theme.


Organize your content into rows and sections. The Container block is the foundation of your content, allowing you to design unique sections for your content.


Create advanced layouts with flexible grids. The Grid block gives you the ability to create any kind of layout you can imagine.


Craft text-rich content with advanced typography. Everything from headings to paragraphs – take full control of your text.


Drive conversions with beautiful buttons.


We take performance seriously. Minimal CSS is generated only for the blocks you need, and our HTML structure is as simple as possible while allowing for maximum flexibility.

Coding standards

Built to the highest coding standards for security, stability and future compatibility.

Fully responsive

Every block comes with tablet and mobile controls, giving you total control of your responsive design.


Check out our documentation for more information on the individual blocks and how to use them.


Este plugin inclui 5 blocos.



There’s two ways to install GenerateBlocks.

  1. Go to “Plugins > Add New” in your Dashboard and search for: GenerateBlocks
  2. Download the .zip from, and upload the folder to the /wp-content/plugins/ directory via FTP.

In most cases, #1 will work fine and is way easier.

Perguntas frequentes

How do I add your blocks to my page?

  • Create a new page or post
  • Add a new block, and look for the “GenerateBlocks” category
  • Choose your block and start building.
  • It’s always best to start with a Container block.

What theme should I use?

GenerateBlocks was built to work hand-in-hand with GeneratePress. However, it will work with any theme you choose.


22 de Julho, 2020
GenerateBlocks is super lightweight and makes all the design layouts I want to achieve easy The 4 blocks can create almost anything you're wanting to build. Another gem made by Tom
20 de Julho, 2020
More excellent work from Tom Usborne. As a longtime user of GeneratePress I didn't hesitate to give this a shot. I've been holding off getting into blocks, being a bit old skool it all seemed a bit clunky and 'more-or-less OK' and I found I often had to download quite a lot of third party plugins to get the job done. This little collection sorts that out right away - all the layout basics covered with fine-grain control, all the parameters you need are right there. CLean and highly functional. 11/10.
19 de Julho, 2020
I've been avoiding the block editor. Period - I knew I could learn to use it, but sure did not want to live with it. Knowing in the back of my mind that the thing is not going anywhere, I decided to poke around for some plugins that could make using it better than sitting in the dentist chair for hours on end - numbed mouth, drool dripping uncontrollably down the chin, anesthesia immobilizing the limbs leaving precisely timed SBD's as the only line of defense. Yes - all that is better than using the block editor! Until now... As a long time GeneratePress user and fan of Toms work I was really happy to find GenerateBlocks - After installing it and doing some initial experimentation, I'm actually excited about using the block editor now. If you already use GeneratePress and it's companion plugin, the controls of the block elements will be very familiar. There seem to be just enough blocks to do what you need. With a little imagination and some css classes, you can create exactly what you want. Best of all, GenerateBlocks plugin is not bloated and loaded with ads to purchase an even more bloated version.
18 de Julho, 2020
Great plugin and great guys. We were looking for options to ditch page builders and all their bloat and constant issues and still be able to create content how we wanted. GenerateBlocks nailed it!. Instead of having 140+ requests to the server for a basic about us page, for example, There'r now only 26 requests with GB + GeneratePress Pro with no optimization and no server or browser cashing, resulting in 3-4X faster page loads with the same exact content. That's not all. The tech support is miles ahead of the that of theme builder we had, and that was with premium support. Thanks Tom!!
Ler todas as 43 avaliações

Contribuidores e programadores

“GenerateBlocks” é software de código aberto. As seguintes pessoas contribuíram para este plugin:


“GenerateBlocks” foi traduzido para 5 locales. Obrigado aos tradutores pelas suas contribuições.

Traduza o “GenerateBlocks” para o seu idioma.

Interessado no desenvolvimento?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Registo de alterações


  • Fix: Set background image selector default if undefined
  • Fix: Set background image opacity default if undefined
  • Tweak: Remove parsed content caching


  • Fix: Undefined index notice when using background images


  • New: Persistent responsive controls across blocks
  • New: Filter all HTML attributes
  • New: Filter Container tagNames
  • New: Add containerAfterElementTag filter
  • New: Add option to apply background image as pseudo element
  • New: Add support for alignwide/alignfull in Container block
  • New: Display color palette by default in Color component
  • New: Add option to choose default view in Color component
  • New: Add aria-label option for Buttons into advanced panel
  • Tweak: Deprecate background image overlay option
  • Tweak: Move hexToRGBA to utils
  • Tweak: Fix repeated common CSS
  • Tweak: Re-design normal/hover state buttons
  • Tweak: Filter default background image size
  • Tweak: Cache parsed blocks on front-end
  • Tweak: Better display of admin notices in Dashboard
  • Tweak: Change Container Width label to Contained Width
  • Tweak: Add future framework for migrating/updating old options
  • Tweak: Don’t allow single button to be saved as reusable
  • Tweak: Don’t allow element tagName to be filtered
  • Tweak: Allow all standard richText formats in Headline block
  • Tweak: Better iconSize responsive placeholders
  • Tweak: Allow decimal values in gradient start/stop
  • Tweak: Move block name to the end of editor.desktopCSS filter args
  • Tweak: Add buttonColorsHover to editor.controls filter
  • Tweak: Change editor.insideContainerWrapper filter to frontend.insideContainer
  • Tweak: Pass attributes to frontend.insideContainer instead of props
  • Fix: gridId value in nested grids
  • Fix: Use inline-block for inline headlines with no icon
  • Fix: Missing text domains
  • Fix: Display Headline highlight option in Headline block only
  • Fix: Headline icon center alignment in IE
  • Fix: Headline highlight background color in IE
  • Fix: Mobile selector for width in min-height container
  • Fix: Add box-sizing to min-height container on tablet/mobile
  • Fix: Headline text alignment when using an icon
  • Fix: Allow 0 as iconSize value


  • Tweak: Minify/compress all dist files


  • Fix: Add wp_set_script_translations() to translate block editor
  • Tweak: Add spacing to update nag in Settings area


  • Initial release