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!