About this plugin
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:
- Documentation
- Live Block Showcase
- Patterns Gallery
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.