Category

Layout blocks for WordPress

31 Gutenberg blocks in Blockenberg for page structure, sections, and composition. Install the free plugin, then search the block name in the inserter.

Get Blockenberg

Blockenberg is free on WordPress.org. After activation, open the inserter and look under Layout.

Get Blockenberg

Bento Grid

Modern asymmetric bento-box grid with featured large cells and smaller detail cards — perfect for showcasing features, stats, or portfolio highlights.

Layout

Breadcrumbs

SEO-friendly navigation trail with Schema.org markup showing the current page hierarchy.

Layout

Content Menu

In-page anchor navigation that highlights the current section as the user scrolls — can float fixed on the left or right, or sit inline.

Layout

Dark Hero

Dark glassmorphism hero for AI, SaaS and tech sites. Features glow effects, gradient text, optional floating stat badges, badge pill, and rich button controls.

Layout

Gradient Hero

Full landing page hero with animated gradient/mesh background, badge, headline, CTA buttons, and social proof row.

Layout

Gradient Section

A full-width section with an animated CSS gradient background, headline, subtext, and dual call-to-action buttons.

Layout

Masonry Grid

Responsive masonry layout for images with hover effects.

Layout

Mega Footer

Full-featured site footer with logo, tagline, link columns, social links, and a bottom bar.

Layout

Mega Menu

Full-width mega menu navigation with column groups, icons, images, CTAs and rich hover panels.

Layout

Minimal Footer

Clean, minimal site footer with logo (image or text), navigation columns, social icon links, and copyright line. A lighter alternative to the mega-footer.

Layout

Off-Canvas Drawer

Slide-out side panel (drawer) triggered by a button.

Layout

One Page Navigation

Fixed dot navigation sidebar for single-page scrolling websites. Each dot links to a section by ID.

Layout

Page Header

A versatile page hero/banner section: eyebrow label, headline, subtitle, breadcrumbs, CTA buttons, and rich background options.

Layout

Page List

A styled list of pages or links with optional icons, hierarchy, and rich color controls.

Layout

Pagination

Styled numeric pagination preview with prev/next, colors, shape and alignment controls.

Layout

Print / PDF Button

A print button that opens the browser print dialog (Save as PDF included). Supports custom icons via the shared icon picker.

Layout

Rich Columns

Multi-column layout with icons, headings, rich text, and optional links — ideal for features, benefits, or service descriptions.

Layout

Scroll To Top

Fixed scroll-to-top button that appears after scrolling down the page.

Layout

Section

A container section for organizing content with rows and columns.

Layout

Separator / Divider

Decorative divider: line, wave, zigzag or dot pattern, optionally with an icon or text in the centre.

Layout

Shape Divider

SVG shape dividers — wave, curve, triangle, tilt, zigzag — to create seamless section transitions.

Layout

Side Menu

Hierarchical vertical navigation with collapsible sections for docs, wikis, and multi-section pages.

Layout

Skewed Section

A content section with diagonal/angled top and/or bottom edges created via CSS clip-path. Place any blocks inside.

Layout

Split Hero

Two-column hero section with headline, badge, body text, dual CTA buttons and social proof on one side — image or video on the other. Built for landing pages.

Layout

Split Panel

Two-column comparison panel for Before/After, Problem/Solution, or any paired content.

Layout

Split Screen

Two-panel side-by-side layout with independent backgrounds, content, and optional scroll-snap.

Layout

Sticky Header

A fully-styled site header with logo (image or text), navigation links, and an optional CTA button. Sticks to the top on scroll with a shrink animation. Supports light, dark, glass, and gradient style variants.

Layout

Sticky Sidebar

Two-column layout with a rich sticky sidebar — perfect for articles, docs, pricing pages, and long-form content.

Layout

Sticky Two Column

One column scrolls through feature highlights; the other stays sticky showing the active image — perfect for product tours and feature pages.

Layout

Text Columns

Magazine-style multi-column text layout with drop cap, column rule / divider, pull quote spanning all columns and per-column WYSIWYG editing.

Layout

Video Hero

Hero section with video preview or background video, headline, CTA buttons and optional social proof.

Layout