Jainil Nagar

Blockloom provides seven essential content blocks for the WordPress block editor. Built entirely on native WordPress APIs with no external runtime dependencies, Blockloom is fast, lightweight, and designed to work with any theme.
Icons are powered by Font Awesome Free (1,400+ icons including brands and social icons), rendered as inline SVG — no icon fonts, no CDN, no API key required.
All blocks follow a minimal styling philosophy — structural CSS only, so your theme’s typography, colours, and spacing take precedence. Every colour can be overridden per block via the inspector controls, and all blocks support WordPress’s native Styles tab with theme colour palette integration.
<h4>Blocks</h4>
Icon 
Display a single icon with optional link, accessibility label, background shape (none, rounded, circle), hover colour, and hover animation (Scale, Rotate, Fade). Choose from 1,400+ Font Awesome Free icons via a searchable picker.
Icon List 
A vertical or horizontal list of icon + text items. Supports custom icon size, icon position (before/after text), gap control, divider, responsive flex wrapping, and line height. Each list item has its own icon picker. Rendered server-side via render.php for clean, accessible HTML.
Info Box 
An icon + title + description card with three layout modes (Icon Top, Icon Left, Icon Right), left/center/right content alignment, optional CTA link, title tag selector (H2–H5) for correct heading hierarchy, icon and card hover states, and linked/unlinked padding control.
FAQs 
An accessible accordion-style FAQ section. Supports three icon styles (Chevron, Plus, Arrow), icon position (before/after the question), allow-multiple-open mode, default open state (all closed or first open), and optional FAQPage JSON-LD schema for SEO. Uses a smooth CSS grid animation for open/close — no max-height hacks.
Team Member 
A profile card with photo, name, designation, bio, and social links. Supports seven social networks (LinkedIn, X/Twitter, GitHub, Facebook, Instagram, YouTube, Custom), Normal/Hover social icon colours, social icon gap control, image shape (Square, Rounded, Circle), and optional Person JSON-LD schema. Designation can link to a URL.
Rating 
Display a star or bar rating with optional numeric value and AggregateRating JSON-LD schema. Stars support full and half-star values. Bar style supports scroll animation, height and border radius control. Numeric value wraps naturally below the rating on narrow containers.
Progress Bar 
A progress bar with title and percentage value, and the bar at full width below or above. Supports striped fill with optional moving stripe animation, scroll animation, height (4–40px), border radius, and a custom label that overrides the auto percentage.
<h4>Key Features</h4>
<ul>
<li>Zero external runtime dependencies — only WordPress core APIs on the frontend</li>
<li>1,400+ Font Awesome Free icons rendered as inline SVG (no icon fonts, no CDN)</li>
<li>Icon List Item rendered server-side via render.php</li>
<li>Theme colour palette integration in all colour pickers</li>
<li>Normal and Hover colour states for icons and backgrounds</li>
<li>CSS custom properties for all colour and spacing values — override via theme CSS</li>
<li>Conditional asset loading — scripts and styles only enqueue on pages that use a Blockloom block</li>
<li>FAQ and Team Member JSON-LD schema support</li>
<li>Rating AggregateRating JSON-LD schema support</li>
<li>Accessible markup — ARIA attributes, semantic HTML, keyboard navigation</li>
<li>Smooth CSS grid animation for FAQ accordion (no max-height hacks)</li>
<li>IntersectionObserver scroll animation for Rating bar and Progress Bar</li>
<li>Striped progress bar with optional CSS animation</li>
<li>Linked/unlinked padding control on Info Box and Team Member</li>
<li>Full site editing (FSE) compatible</li>
</ul>
<h3>Development</h3>
The source files for the compiled JavaScript and CSS assets are included in the <code>src/</code> directory. The compiled production assets in <code>build/</code> are generated from these source files.
Source code is also available at: 
https://github.com/jainilnagar/blockloom
To rebuild the assets:
<pre><code>npm install
npm run generate-icons
npm run build
</code></pre>
The build tooling needed for the compiled assets is included in <code>package.json</code>, <code>package-lock.json</code>, <code>webpack.config.js</code>, and <code>scripts/generate-icons.js</code>.

Blockloom

A collection of lightweight, zero-dependency Gutenberg blocks — Icon, Icon List, Info Box, FAQs, Team Member, Rating, and Progress Bar.

bdthemes

Selim Rana

Abu Talib

Shamim Hasan

Asikur Rahman

Mijanur Rahman

Golam Robbani

ZoloBlocks is a collection of blocks, patterns, and page templates for the WordPress block editor. It helps you design complete pages using the native editor without a third-party page builder.
<a href="https://zoloblocks.com/demo/" rel="nofollow ugc">Live Demo</a> | <a href="https://zoloblocks.com/pricing" rel="nofollow ugc">Pro Version</a> | <a href="https://bdthemes.com/knowledge-base-zoloblocks/" rel="nofollow ugc">Documentation</a>
<h4>What ZoloBlocks Provides</h4>
<ul>
<li>A library of advanced blocks that extend the default WordPress block editor.</li>
<li>Pre-designed patterns and page templates you can insert into pages.</li>
<li>Full Site Editing compatibility with block themes.</li>
<li>Dynamic content options for site, post, or user data.</li>
<li>Query loop options for posts, products, or custom post types.</li>
<li>Animation and visual effect options for supported blocks.</li>
<li>Optional AI text generation to help draft headings and paragraphs (third-party service, see “External services” below).</li>
<li>Pattern import and export for reuse across sites.</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>Layout building with pre-built sections and templates.</li>
<li>Responsive containers for mobile, tablet, and desktop.</li>
<li>Mega menu for multi-level navigation.</li>
<li>Dynamic content and query loop for posts or custom post types.</li>
<li>Entrance and scroll-based animations on supported blocks.</li>
<li>Optional AI text generation inside the editor (third-party service).</li>
<li>Pattern import / export for reuse across pages or sites.</li>
</ul>
<h4>Available Blocks</h4>
ZoloBlocks ships 60+ free and pro blocks across categories such as Image, Slider & Carousel, Post, Review, Form, Popup, Utility, Creative, Loop & Animation, Grid & List, Single Page Elements, and Advanced. A full list with live demos is available at https://zoloblocks.com/demo/.
<h4>Who Is It For</h4>
Website designers, freelancers, agencies, bloggers, content creators, small business owners, portfolio builders, and digital marketers who want to design WordPress pages directly in the block editor.
<h4>Support</h4>
The team behind ZoloBlocks ships regular updates. For help, <a href="https://bdthemes.com/support/" rel="nofollow ugc">contact support</a>. Visit <a href="https://bdthemes.com/" rel="nofollow ugc">BdThemes</a> for more plugins and documentation.
<h3>Source code</h3>
The compiled JavaScript and CSS files in the <code>build/</code> and <code>assets/</code> directories are generated from the source code in the <code>src/</code> directory.
Public source repository: https://github.com/bdthemes/zoloblocks
Build instructions:
<ol>
<li>Clone the repository.</li>
<li>Run <code>npm install</code> to install dependencies.</li>
<li>Run <code>npm run build</code> to generate the production assets in <code>build/</code>.</li>
<li>Run <code>composer install</code> to install PHP dependencies (used for development tooling only).</li>
</ol>
<h3>External services</h3>
This plugin connects to several third-party services. Each service is only contacted when the related feature is used or configured. No personal data is sent unless the corresponding feature is enabled or the user interacts with it.
1. Google reCAPTCHA 
Used by the Form block when the site administrator enables reCAPTCHA protection and provides site / secret keys in ZoloBlocks settings. 
– What is sent: the reCAPTCHA token generated in the visitor’s browser, the visitor’s IP address, and the configured secret key, sent to <code>https://www.google.com/recaptcha/api/siteverify</code> on form submission. The Google reCAPTCHA JavaScript (<code>https://www.google.com/recaptcha/api.js</code>) is loaded on pages containing a form when reCAPTCHA is enabled. 
– When: only when reCAPTCHA is enabled and a form is submitted. 
– Provider: Google LLC. Terms: https://policies.google.com/terms Privacy: https://policies.google.com/privacy
2. Google Maps 
Used by the Google Map block when added to a page. 
– What is sent: the configured Google Maps API key and a request to load the Google Maps JavaScript API from <code>https://maps.googleapis.com/maps/api/js</code>. The browser of any visitor viewing a page containing a Google Map block will load map tiles from Google. 
– When: only when a Google Map block is present on a page. 
– Provider: Google LLC. Terms: https://cloud.google.com/maps-platform/terms Privacy: https://policies.google.com/privacy
3. Google Fonts list (WordPress.org mirror) 
Optional. Used by the typography controls only when a site administrator enables Settings → Editor Options → Load Google Fonts catalog (WordPress.org mirror) in the ZoloBlocks dashboard. 
– What is sent: a simple HTTP GET request (no personal data) to <code>https://s.w.org/images/fonts/wp-7.0/collections/google-fonts-with-preview.json</code> to retrieve the list of Google Fonts. 
– When: only after the option is enabled, and only when the block editor needs to refresh the font list. 
– Provider: WordPress.org. Terms and privacy: https://wordpress.org/about/privacy/
4. Zolo AI (AI text generation by Sigmative) 
Used by the optional AI text generation feature inside the block editor. 
– What is sent: the prompt text entered by the site administrator in the editor, and the API key configured in ZoloBlocks settings, sent to <code>https://ai.sigmative.com/api/prompt/v1/generation/chat/completions</code>. 
– When: only when an administrator clicks the AI generation action in the editor. 
– Provider: Sigmative. Privacy: https://sigmative.com/privacy-policy
5. Mailchimp (optional Form integration) 
Used only when a site administrator configures a Form block to send subscriber data to Mailchimp. 
– What is sent: the visitor’s email address, optional first name, the configured Mailchimp API key and list ID, sent to <code>https://<dc>.api.mailchimp.com/3.0/lists/{list_id}/members</code> (where <code><dc></code> is the data center prefix derived from the API key). 
– When: only when a visitor submits a form whose Mailchimp integration has been configured by the administrator. 
– Provider: Intuit Mailchimp. Terms: https://mailchimp.com/legal/terms/ Privacy: https://www.intuit.com/privacy/statement/
6. Custom Webhooks (optional Form integration) 
Used only when a site administrator pastes a custom webhook URL into the Form block settings. 
– What is sent: the visitor’s email address and optional first name, sent as a JSON POST request to the URL configured by the administrator. 
– When: only when a visitor submits a form whose webhook URL has been configured by the administrator. 
– Provider: the third-party service chosen by the administrator. The administrator is responsible for ensuring the destination has an appropriate privacy policy.

ZoloBlocks – Advanced Gutenberg Blocks, Website Builder & Page Design Toolkit

This is the most complete Gutenberg blocks plugin I have experienced so far! I am impressed with the collection of blocks it offers. I hope the pattern collection will be improved more.

Most feature rich Gutenberg blocks plugin ever


ZoloBlocks is a solid addition to any WordPress designer's toolkit. Its range of customizable blocks makes creating unique layouts a breeze. Highly recommended for anyone working with Gutenberg.


A Must-Have for Effortless Gutenberg Design


ZoloBlocks is a game-changer! It offers advanced blocks, dynamic content, and ready-made templates, making web design effortless. It's lightweight, user-friendly, and well-optimized. Highly recommended for anyone using Gutenberg! 


Awesome Gutenberg Plugin!

ZoloBlocks adds a library of advanced blocks, patterns, and page templates to the WordPress block editor.

Blockloom vs ZoloBlocks – Advanced Gutenberg Blocks, Website Builder & Page Design Toolkit