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.

Advanced Columns

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

Media Card

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

Accordion

Organize your content within collapsible accordion items.

Navigation Menu

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

Button Group

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

Button

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

Advanced Heading

Advanced Paragraph

SVG Icon

Icon List

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

Icon Separator

Create a break between ideas with a horizontal separator.

Price

Create highlighted price tags for comparison tables.

Counter

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

Typewriter

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

Shape Divider

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