BlockyPage – Gutenberg Based Page Builder


Blockypage is a set of custom blocks and premade layouts that help you build your websites using Gutenberg quickly and easily, the blocks come with all the customization options that you need: Typography, Spacing, Gradient and video backgrounds, borders..etc
Also, Blockypage introduces a new mode for the editor named: Page-Building mode, in this mode you can preview your design on different devices and make changes to it accordingly.

Video Tutorial

Page-Building Mode

Improving Gutenberg interface and user experience

Gutenberg has been primarily built for content editing, not design, for that reason we’ve improved its interface and make it suitable for web design, we call it:
Page-Building Mode.

Page-Building Mode main features.

  • Cleaner Interface
  • More space for design
  • Better User Experience
  • Live Preview and editing for different devices

Container And Row Blocks.

Build any layout with the row and the container Block
Even Complex layouts has become easy to build with the most advanced block layout builders on the market:

The Container Block: wrap a set of blocks together to build page sections.
The Row Block: 40+ different columns structures to choose from with control over different devices.

Advanced set of Blocks..

All the blocks that you need to build any design you can dream of

  • Advanced Button Block
  • Buttons Group Block
  • Tabs Block
  • Accordion Block
  • Advanced Image Block
  • Advanced Text Block
  • Divider Block
  • Spacer Block
  • Advanced Heading Block
  • Testimonial Block
  • Info Box Block
  • Icon Box Block
  • Advanced Video Block
  • Team Member Block
  • Pricing Table Block
  • Advanced List Block
  • Call to action Block
  • Counter Block
  • Contact Form Block
  • Google Maps Block

Endless Customization options for all blocks…

Our Blocks are the most customizable blocks in the market, Just like any other modern page builder,
you can literally customize every detail in a block.

Customization options in short

  • Backgrounds
    Classic: background color, background image, opacity, parallax effect …
    Gradient: Radial & linear with direction and position control
    Video Background

  • Background Overlay
    Opacity, brightness, contrast, Grayscale, Hue, Invert, Saturate, Spa.

  • Spacing
    Margin and padding control over all directions with different units and breakpoints

  • Border
    Control the border size, type and color on all directions
    Control the border radius on all corners

  • Shadows

  • Shape dividers

  • Typography
    Google fonts, Font size, color, text shadow, alignment and transform

  • 900+ font awesome 5 icons

  • On Scroll Animations

And much much more!

It’s completely free, Download now and start building something cool!

Imagens de tela


1- Upload BlockyPage directory to the /wp-content/plugins/ directory
2- Activate the plugin through the ‘Plugins’ menu in WordPress


What is BlockyPage?

BlockyPage is a Gutenberg Based Page-Builder that comes with a large set of page-building Gutenberg Blocks and a new interface that improves the user experience.

Does your blocks work with other blocks?

Absolutely, our blocks are compatible with Gutenberg and all other third-party blocks.

What’s the Page-Building Mode?

As Gutenberg isn’t primarily built for web design but for writing posts, we have built our own interface on top of Gutenberg, this new interface has a better experience and suitable for designing complex layouts and web pages

Does your blocks work with any theme?

Yes! our blocks work with any theme.

Can I build full-width layouts using your blocks?

Yes, we provide two custom templates, full width, and centered layouts, if you have more questions, feel free to post them on the support forum

Will You Continue Supporting this plugin?

Yes, we will do for the next 100 years!


26 de julho de 2020
If there is a plugin for the basic paragraph block/advanced columns, that allows me to edit the typography and line height, I have not found one. I have used Atomic Blocks, Ultimate Addons Block and Otter. Non of these added an option to edit the typography and line heights. And its confusing because for the Advanced heading, the option to edit line height is there. If you want a plugin that has advanced features to edit your basic paragraph/columns, this is your plugin.
8 de março de 2020
Credits to the BlockyPage Team they have done an excellent job with this plugin. I have tried many of the current block plugins but this is the best by a long way. A few days ago bought a premium blocks plugin but still felt there were features missing, for example I could not precisely position images in block containers and columns. I continued searching WP repository for better blocks plugins and came across BlockyPage and decided to give it a try and WoW! these are exactly the features missing in ALL the other 10 or so blocks plugins I have tried. I hpope the word get out soon about BlockyPage and more people start to use it so that the team can keep improving it. I have a few premium Page Builders(BeaverBuilder, Thrive pagebuilder, InstaBuilder, Elementor and Nicepage) but I am retiring those soon now that I have seen what BlockyPage is bringing to Gutenberg Blocks. To the BlockyPage Team - please develope a premium version of this plugin so that you get the funds to keep it going, I would hate to see development stopped because this is excellent, it better than the one I just bought. I will refund I send you the money instead. scorpio
Leia todas as 4 avaliações

Colaboradores e desenvolvedores

“BlockyPage – Gutenberg Based Page Builder” é um software com código aberto. As seguintes pessoas contribuíram para este plugin.

“BlockyPage – Gutenberg Based Page Builder” foi traduzido para 1 localização. Agradecemos aos tradutores por suas contribuições.

Traduzir “BlockyPage – Gutenberg Based Page Builder” para o seu idioma.

Interessado no desenvolvimento?

Navegue pelo código, dê uma olhada no repositório SVN ou assine o registro de desenvolvimento via RSS.

Registro de alterações

v1.1.2 Stable Version!
– Fix: Button group issue on mobile
– General Improvements

v1.1.2 Stable Version!
– General Improvements

v1.1.1 Stable Version!
– Fix: Advanced Image Alignment block issue
– Feat: Add transparent background option to the color picker component

v1.1.0 Stable Version!
– Feat: Add width and height control to the image block
– Feat: Show and Hide controls for the image caption on the image block

v1.0.0 Stable Version!
– Feat: UI/UX improvements
– Feat: Customize selected texts
– Fix issues with the new version 5.3

– Feat: Copy Block Styles feature.
– Feat: User experience improvements on customizing the blocks.

– Fix: Media library upload issue
– Fix: Loading sections on the library issue

– New Blocks: Pricing Table Block, Advanced List Block, Call to action block, Counter Block!
– feat: Brand New Color Picker!
– Fix: Blockypage mode issues with responsive controls

– Fix: Icons to the latest blocks

– New Blocks: Advanced List Block, Pricing Table Block, Call To Action Block, Counter Block
– Google Fonts: add bold and italic options for all 900+ google fonts
– Support Full Width alignment for all blocks

– New Blocks: Info Box, Icon Box, Testimonial, Advanced Video, Team Member.
– Performance: Code Improvement, use font awesome sag instead of web fonts this ensures faster loading of the pages

* fix: issues with the previous update

* feat: Add 900+ Google Fonts to the typography options
* feat: Add Alignment options to the image block

* fix: compatibility issue with the grids plugin
* fix: custom css classes issue.

  • Initial Version: 0.1.0