Zentro Blocks

Description

Zentro Blocks is a collection of interactive and premium Gutenberg blocks designed to enhance your page design, layouts, and conversions.

Included Blocks:
* Tabs Block: Switchable tab panels with WAI-ARIA keyboard navigation (Arrow keys, Home, End) and layout options.
* Popup Block: Modal dialog with focus trap, Escape key closing, and overlay click closing.
* Animated Counter: Count-up statistics counter that animates when scrolled into view (using Intersection Observer).
* CTA Banner: Highly customizable Call to Action banner with stacked and inline layouts.
* Accordion Block: Collapsible content panels with smooth CSS transitions and full ARIA accessibility support.
* Pricing Card: Premium pricing table cards to showcase services, plans, and highlight standard/popular packages.

Development

Source code: https://github.com/wpbranddigital/Zentro-Blocks

Build process:

  1. npm install
  2. npm run build

Blocks

This plugin provides 6 blocks.

  • Animated Counter Counts up to a target number when scrolled into view. Supports prefix, suffix, and custom duration.
  • CTA Banner A customisable call-to-action banner with headline, subtext, and button.
  • Tabs Block Display content in switchable tabs with keyboard navigation and ARIA support.
  • Popup Block A modal popup triggered by a button. Includes focus trapping, ESC to close, and ARIA roles.
  • Pricing Card Displays professional pricing table cards with customizable features list, styling, and action buttons.
  • Accordion Block Collapsible content panels with smooth transitions and full ARIA accessibility support.

Installation

  1. Upload the plugin folder to the /wp-content/plugins/ directory, or upload the ZIP file via WordPress Plugins -> Add New -> Upload.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. If building from source, run npm install and npm run build in the plugin directory.

FAQ

How do I add a block?

In the WordPress block editor, click the “+” inserter icon, search for “Zentro”, and click on the block you’d like to insert.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Zentro Blocks” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Zentro Blocks” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

  • Initial release with 6 interactive blocks.