GutenPB

Page builder blocks for Gutenberg

Collection of blocks, and other tools to help you build completely unique, responsive page designs, in a few minutes.

Why choose GutenPB

fully customizable

Fully customizable

There are a lot of options available for each block.

40+ demo layouts

Get started with 40+ ready-to-use designs built with GutenPB blocks.

no page builder required

No page builder required

Build fully unique landing pages with native Gutenberg editor.

responsive

Responsive

Create responsive designs for three different screen sizes: desktop, tablet, mobile, and set custom breakpoints.

flexible grid layout

Flexible grid layout

Build complex grid, or masonry layout.

use with any theme

Use with any theme

Create custom page designs whatever theme you are using.

Animation effects

Make your content more alive with 27 motion effects.

Future updates

More blocks and layouts are under development, and coming soon.

SEO-friendly

Clean html structure, external css file for stylesheet, work with html5 markups, and fast page loading.

No coding required

Explore the blocks

Section

Group your content into sections, and build eye-catching landing pages.

Check it out

Advanced Columns

This block provides you more flexibility to make single row of columns, or build complex grid, or masonry layouts.

Check it out

Media Card

Set media and text side-by-side for a richer layout.

Check it out

Accordion

Organize your content within collapsible accordion items.

Check it out

Navigation Menu

Create a unique and responsive navigation bar for landing page you are building.

Check it out

Button Group

This block allows you to add multiple buttons side-by-side.

Check it out

Button

Inspire your visitors to take action with a button-style link.

Check it out

Advanced Heading

Check it out

Advanced Paragraph

Check it out

SVG Icon

Check it out

Icon List

This is a fully customizable block, that allows you to create unordered list, and replace bullets with icons.

Check it out

Icon Separator

Create a break between ideas with a horizontal separator.

Check it out

Price

Create highlighted price tags for comparison tables.

Check it out

Counter

Animate a number to count from zero to a specific value.

Check it out

Typewriter

Animate text with typing effect to make your static page more alive.

Check it out

Shape Divider

You can separate sections of your content with 80+ responsive shape dividers.

Check it out