Build responsive pages with the native WordPress block editor. Genial Blocks includes 15 customizable Gutenberg blocks and six ready-to-use patterns for layouts, FAQs, pricing tables, carousels, image effects, testimonials, statistics, and calls to action—without requiring a separate page builder.

Documentation and Live Demos

Explore the blocks and patterns in action, or follow the step-by-step guides:

Why Choose Genial Blocks

Combine responsive layouts, flexible styling, and familiar Gutenberg controls with core blocks to build complete sections.

15 Gutenberg Blocks

Layout and Content

Advanced Heading — Semantic H1–H6 headings with optional subtitles.
Advanced Button — Styled links with responsive widths and design controls.
Image Hover — Images with Fade Overlay, Slide Up, or Zoom effects, square or circle shapes, captions, and optional links.
Container — Responsive wrapper for nested blocks and layouts.
Info Box — Content panels with an optional icon and CTA.
Icon List — Text lists with bundled icons and optional links.

Interactive Content

Accordion — Expandable questions and answers with single or multiple open items.
Tabs — Labeled content panels with keyboard navigation.
Carousel — Responsive slides with navigation, pagination, and optional autoplay.
Countdown — UTC date countdown with a completion message.

Data and Social Proof

Counter — Numeric values with optional count-up animation.
Progress Bar — Labeled value across a configurable range.
Pricing Table — Informational plans, features, and optional CTA; no payment processing.
Testimonial — Quote with author details and optional avatar or rating.
Team Member — Profile with optional image and social links.

Six Ready-to-Use Patterns

Insert these from the block editor’s Patterns inserter under Genial Blocks, then customize their native blocks and content.

Service Hero with CTA — Headline, supporting copy, information panel, and CTA.
Three-Service Feature Grid — Three services presented as Info Box cards.
FAQ Disclosure — A heading with expandable Accordion answers.
Pricing Trio — Three editable informational pricing plans.
Stats and Progress — Counters paired with progress indicators.
Testimonial and Team CTA — A customer quote with a team profile and optional CTA.

Native Editor and Performance

Built for the WordPress block editor; no separate builder is required. The icon set is bundled locally, with no remote runtime asset service, jQuery, or Slick dependency. Advanced Button includes gradient backgrounds, lift hover, and outline-fill hover styles. Advanced Heading includes underline, side-accent, and gradient-text styles. Image Hover provides Fade Overlay, Slide Up, and Zoom effects with square or circle shapes, captions, and optional links. Interactive controls use semantic markup and keyboard-aware behavior where applicable. New-tab links receive safe relationship attributes, and animations respect reduced-motion preferences.

Source Code and Development

Genial Blocks is open-source software. Browse the source and build instructions in the Genial Blocks GitHub repository.

The repository contains human-readable block source in src/, compiled runtime assets in build/, and the build configuration and dependency lockfile used by contributors.

Genial Blocks

About this plugin