Genial Blocks

Description

Genial Blocks adds a focused collection of native blocks to the WordPress block editor. Build clearer content sections, calls to action, feature lists, FAQs, tabs, pricing presentations, progress indicators, statistics, carousels, and responsive layouts without requiring a separate page builder.

Each block works inside the familiar WordPress editor and provides focused controls for content, colors, spacing, borders, typography, links, or responsive behavior where appropriate.

Explore the Genial Blocks Showcase to see all 14 native WordPress blocks in action, including interactive demos, responsive layouts, and design examples.

Build More with the WordPress Block Editor

Genial Blocks is designed for creating useful page sections directly in the WordPress block editor. Use individual blocks on their own or combine them inside Container layouts to build landing pages, service pages, product sections, pricing areas, documentation, and other structured content.

Interactive blocks use semantic controls and keyboard-aware behavior where applicable. Links opened in new tabs receive safe relationship attributes, and animated Counter and Progress Bar effects respect reduced-motion preferences.

14 Blocks Included

Advanced Heading

Create semantic headings from H1 through H6 with optional subtitles, alignment, typography, text color, and spacing controls.

Advanced Button

Add flexible link buttons with custom URLs, optional new-tab behavior, responsive width, hover colors, borders, radius, and padding controls.

Info Box

Highlight important content with a title, description, optional local icon, responsive icon placement, CTA link, colors, borders, and spacing.

Accordion

Organize expandable content into multiple disclosure items. Choose whether one item or multiple items can remain open.

Counter

Display numeric statistics with start and end values, prefixes, suffixes, labels, decimal places, alignment, and optional count-up animation.

Icon List

Create repeatable lists using bundled icons, optional item links, alignment, icon sizing, colors, and spacing controls.

Tabs

Organize related content into interactive tabs with keyboard navigation and configurable tab and content styling.

Pricing Table

Present a pricing plan with a name, subtitle, price, billing period, previous price, badge, feature list, and optional CTA link. The block presents pricing information; it does not process payments.

Progress Bar

Show completion or progress values with configurable minimum and maximum values, labels, colors, height, radius, and optional animation.

Container

Arrange nested Gutenberg content inside a responsive layout container with configurable width, direction, alignment, justification, gap, spacing, colors, borders, and minimum height.

Testimonial

Present a semantic testimonial with quote text, author details, an optional avatar, rating, alignment, colors, borders, radius, and spacing controls.

Team Member

Create an individual team profile with an image, name, designation, biography, safe social links, alignment, colors, borders, radius, and spacing controls.

Countdown

Display a client-side countdown to a deterministic UTC date and time with days, hours, minutes, seconds, a completion message, responsive layout, and styling controls.

Carousel

Create a responsive, accessible Carousel with nested Gutenberg content, responsive slides per view and gap, arrows, pagination, autoplay with Pause/Play and hover/focus pause, finite or loop navigation, keyboard and pointer navigation, reduced-motion handling, RTL support, accessible labels, and an optional equal-height presentation.

Designed for the Native Editor

Genial Blocks uses the native WordPress block editor and does not require another page builder. Its curated icon set is bundled with the plugin, and the plugin does not require a remote runtime asset service or jQuery/Slick slider dependency.

Use the blocks individually or combine them with core WordPress blocks to create complete page sections.

Source Code and Development

Genial Blocks is open source software.

The maintained source repository is available at:

https://github.com/GenialSouls/genial-blocks

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