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.
Screenshots
Genial Blocks showcase — modern layouts and native WordPress blocks.
Responsive Carousel block with slides, navigation, and pagination.
Flexible layouts with Container, Advanced Heading, Advanced Button, and Icon List blocks.
Interactive Tabs, Accordion, and Countdown blocks.
Business and marketing blocks including Counter, Progress Bar, Pricing Table, and Info Box.
Team Member and Testimonial blocks with customizable layouts.
Pricing Trio Pattern with Starter, Growth, and Scale plans.
Stats and Progress Pattern with project metrics and delivery/support progress bars.