Zentro Blocks – Premium Gutenberg Blocks Collection

Description

Unlock the full potential of the WordPress Block Editor (Gutenberg) with Zentro Blocks. Whether you’re building a landing page, corporate website, portfolio, or WooCommerce store, our comprehensive suite of advanced, interactive blocks gives you complete design freedom.

Every block in the Zentro Blocks collection is built with clean code, lightning-fast performance, and strict accessibility standards in mind. We prioritize frontend speed and SEO so your pages rank higher and load faster.

🚀 Why Choose Zentro Blocks?

• Performance First: Zero bloat. Assets are loaded only when a block is used on the page.
• SEO Optimized: Semantic HTML5 markup designed to help your site rank on Google.
• 100% Responsive: Every block is fully responsive and looks perfect on mobile, tablet, and desktop devices.
• Accessible (WCAG): WAI-ARIA compliant blocks ensuring keyboard navigation and screen reader support.
• Highly Customizable: Endless design options, custom color palettes, Google Fonts integration, and interactive hover effects.

🧩 Included Blocks:

Responsive Image Gallery: Build stunning, masonry or grid photo galleries with custom aspect ratios, responsive column controls, and beautiful gap spacing.
Team Member Grid: Introduce your company’s staff with professional, multi-card team member grids supporting rich text bios, dynamic social media icon generation, and custom profile photo shapes.
Premium Feature Card: Showcase your product features or services using customizable grid cards featuring dynamic hover effects (float, scale, glow), custom icon/image support, and promotional badges (e.g., “PRO”, “NEW”).
Interactive Tabs: Clean, switchable tabbed content panels featuring smooth transitions and full keyboard accessibility.
Popup / Modal: High-converting modal dialogs with focus trapping, backdrop blur, overlay click dismiss, and trigger-button customizations.
Animated Counter: Dynamic, count-up statistic numbers that trigger immediately when scrolled into the viewport using Intersection Observers.
CTA Banner: Highly customizable Call-to-Action sections with stacked or inline layouts to drive more sales and clicks.
Accordion (FAQ): Space-saving, collapsible content panels perfect for Frequently Asked Questions. Fully ARIA compliant.
Pricing Table: Professional pricing tier cards to showcase your service plans, highlight popular packages, and drive subscriptions.
Container / Section: The ultimate flexible layout wrapper. Create complex flex or CSS grid layouts with custom backgrounds, padding, and shape dividers.
Progress Tracker: Beautiful circular or horizontal animated progress bars to showcase skills or milestones.
Image Hotspot: Add interactive tooltips and glowing pins directly over your images to highlight specific product features.
Advanced Maps: Premium interactive maps supporting OpenStreetMap and Google Maps with viewport lazy-loading for better page speed.
Timeline & Roadmap: Visualize company history or product roadmaps with gorgeous vertical or horizontal milestone tracks.
Before/After Image Comparison: An interactive, draggable slider letting users compare two images side-by-side (perfect for photo editing, construction, or fitness sites).
Testimonials Carousel: Premium review sliders displaying client feedback, star ratings, and custom avatar designs.
Advanced Button: High-performance interactive buttons with extensive styling options, hover animations, and icon support.

Perfect for Any WordPress Website

Zentro Blocks can be used to create many types of WordPress websites, including:

• Business websites
• Agency websites
• Startup websites
• SaaS websites
• Portfolio websites
• Personal websites
• Blog websites
• Landing pages
• Product websites
• Creative websites
• Documentation and support websites

Combine multiple blocks to create complete page sections and unique layouts using the native WordPress Block Editor.

Responsive Gutenberg Blocks

Every Zentro block is designed with responsive website building in mind.

Create layouts that adapt to:
* Desktop
* Tablet
* Mobile

Use responsive controls where available to adjust spacing, typography, columns, and layout settings for different screen sizes.

Performance Focused

Zentro Blocks is designed with website performance in mind.

The plugin uses a modular asset-loading approach to help avoid loading unnecessary block-specific CSS and JavaScript assets when they are not required.
This helps keep your WordPress website lightweight while giving you access to a powerful collection of Gutenberg blocks.

SEO-Friendly Website Building

Zentro Blocks helps you create structured and visually engaging content using the native WordPress Block Editor.

The plugin focuses on:

• Clean and semantic markup where appropriate.
• Responsive layouts for better mobile experiences.
• Performance-conscious asset loading.
• Accessible interactive components.
• Compatibility with WordPress SEO best practices.

Zentro Blocks does not replace a dedicated SEO plugin. Your overall search engine rankings depend on your content quality, website performance, technical SEO, backlinks, hosting, and other factors.

Easy to Use with the WordPress Block Editor

No complicated page builder interface is required.

Simply open the WordPress Block Editor, click the + button, search for Zentro, and select the block you want to use.

Customize your block using the WordPress Inspector Panel and build your page section by section.

Development

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

Build process:
1. npm install
2. npm run build