Axiom Blocks adds the blocks the WordPress editor leaves out. Use core blocks for paragraphs, headings and images, and Axiom for the rest.

Try the live demo – a full landing page built with these blocks, in a temporary WordPress you can open the editor on and change. Nothing to install.

Layout Blocks

Advanced Section – Full-width container with background images, gradients, video backgrounds, overlays with blend modes, shape dividers, and entrance animations.
CSS Grid – A grid with unequal column tracks (for example 2fr 1fr 240px), row tracks, dense packing and full alignment control, all set per device. Each Grid Item can start at a chosen column or row, span several, and change order on tablet and mobile.
Device Visibility – Wrapper block to show or hide content based on device type (mobile, tablet, desktop).
Shape Divider – Add shape dividers to the top or bottom of sections with 5 shapes: wave, curve, triangle, tilt, and slant.
Reading Progress Bar – Sticky scroll progress indicator for long-form content.

Content Blocks

Advanced Heading – Heading with inline highlight spans, an optional sub-heading, an accent line, and full typography control.
Advanced Button – Button with leading or trailing icons, an optional sub-caption, style and size presets, and hover states.
Icon – A single icon from the built-in library or your own SVG, with size, color, shape background, and link controls.
Icon List – A list with a custom icon on every row – for features, benefits, and checklists.
Accordion – Collapsible panels for FAQs and disclosures, with single-open mode, first-panel-open, icon position/rotation, and automatic FAQ schema (JSON-LD).
Notice / Alert – Dismissible info, success, warning, or error messages with presets, icons, and custom colors.
Counter – Animated count-up statistics with icons, labels, custom separators, per-stat cards, and hover states.
Testimonials – Grid, carousel, or marquee testimonials with author details, avatars, and star ratings.
Info Box – A styled box that holds an icon, heading, text, and button as editable blocks, with predefined styles and a single control for the spacing between items.
Tabs – Horizontal tabs container that accepts any blocks inside.
Content Slider – A slider/carousel that holds any blocks per slide, with slide, fade, and coverflow effects, autoplay, arrows and dots, drag and swipe, keyboard control, responsive slides-per-view, and an optional click-to-zoom lightbox.
Table of Contents – Auto-built from your page headings, with numbered/bullet/none markers, nesting, smooth scroll, active-section highlight, a sticky sidebar with internal scroll, a collapsible panel, a reading-progress rail, copy-link, back-to-top, a mobile dock bar, and light or dark schemes.
Countdown Timer – Live countdown to a target date or time.
Copy to Clipboard – Button that copies text or code snippets to the visitor’s clipboard.
Star Rating – 5-star display block for reviews and testimonials.
Before/After Slider – Drag-to-compare slider for two images.
Pricing Table – Clean pricing plans with feature lists and call-to-action buttons.

Dynamic Blocks

Post Grid – Show your posts in a grid or list, with the card built from Post Image, Post Terms, Post Title, Post Meta, Post Excerpt, and Post Read More blocks you arrange and style yourself. Query by post type, taxonomy, or author, skip or exclude posts, and choose numbered or load-more pagination. Adds a featured card, a fallback image for posts without one, read time, per-field meta labels, and your own no-results message.
Post Filter – Search, filter and sort a Post Grid without reloading the page.

Form Blocks

Contact Form – A contact form you build from field blocks (text, email, phone, message, select, radio and checkbox choices, consent, date, hidden) with full control over layout and style: columns or custom column widths per device, labels above, beside, floating or hidden, icons inside fields, choices as buttons, and every part styled with hover, focus and error states. Every message is saved as an entry before the email goes out, so a failed email never loses one. Sends through your site’s own mail (any SMTP plugin works) or through Resend. Works with JavaScript disabled, and has no nonce, so cached pages keep working.

WooCommerce Blocks

Trust Badges – Payment, security, and service trust badges with curated presets and custom badge support.
Free Shipping Progress – Cart progress bar showing how much more a customer needs to spend to qualify for free shipping.

Features

Enable or disable individual blocks to keep your editor lightweight
Responsive controls – typography (all blocks), columns, gap, alignment, and sizes with per-device overrides and live editor previews
Deactivation survival – authored content from dynamic blocks stays visible on the page even if the plugin is deactivated (semantic save fallback + deprecation migration)
Shared icon system – 136 curated Lucide icons plus custom SVG uploads, shared across all icon-supporting blocks
Advanced color picker – every color control has an HSV canvas, theme palette, Hex/RGB/HSL inputs, alpha, eyedropper, and recent colors
Clean, semantic markup with no extra wrapper bloat
Fully compatible with Full Site Editing (FSE) and block themes
Optimized performance – only loads assets for active blocks
WooCommerce blocks are hidden automatically when WooCommerce is not active

Source Code

The unminified JavaScript and SCSS source for this plugin is included in the src/ directory of the plugin package. The compiled files in build/ are generated from src/ using @wordpress/scripts.

Development happens on GitHub: https://github.com/wpaxiom/axiom-blocks. Bug reports and pull requests are welcome.

Building from source

Install Node.js (16.x or later) and npm.
From the plugin directory, run npm install.
Run npm run build to regenerate the compiled assets in build/.

File layout

src/ – JavaScript and SCSS source for all blocks and the admin dashboard.
inc/ – PHP source.
build/ – generated, do not edit by hand.
scripts/build.js – entry point for npm run build.
webpack.config.js – webpack configuration.
package.json – npm dependencies and scripts.

Privacy

Axiom Blocks makes no external connections unless you turn one on, and stores no visitor data except what a Contact Form collects.

Contact Form entries. When a visitor submits a Contact Form block, the plugin saves what they entered, the page they sent it from and the time, as a private entry only administrators can see (Axiom Blocks > Form entries), and emails it to the addresses set on the form. No IP address is stored. Entries are included in WordPress’s personal data export and erase tools (Tools > Export Personal Data and Erase Personal Data), and can be deleted automatically after a number of days you set under Axiom Blocks > Settings > Email, where saving entries can also be switched off. The plugin suggests matching text for your privacy policy under Settings > Privacy.

The plugin includes two optional, opt-in connections to external services:

Resend (email delivery). Off by default. Only if an administrator chooses Resend under Axiom Blocks > Dashboard > Email and adds a Resend API key does the plugin send Contact Form emails through the Resend API (api.resend.com) instead of the site’s own mail. Each submission then sends Resend the recipient, Cc and Bcc addresses set on the form, the From name and address, the visitor’s email address as Reply-To, the subject, and the message body, which contains everything the visitor entered and the page it was sent from. The “Send test email” button sends a short test message the same way. Resend is operated by Resend, Inc. Terms of service: https://resend.com/legal/terms-of-service – Privacy policy: https://resend.com/legal/privacy-policy

Deactivation feedback. When you deactivate Axiom Blocks from the Plugins screen, a short form asks why. Only if you choose a reason and click “Submit & Deactivate” is anything sent. In that case the following is transmitted to our feedback service at insights.wpaxiom.com:

the reason you selected and any comment you type;
the plugin, WordPress, and PHP version numbers;
your site’s language/locale;
a randomly generated, anonymous installation ID (used only to avoid counting the same response twice).

No personal data is sent – no name, no email address, no website URL, and none of your site’s content. If you click “Skip & Deactivate” or close the form, nothing is sent at all.

This service is operated by the plugin author. Privacy policy: https://wpaxiom.com/privacy/ – Terms of service: https://wpaxiom.com/terms/

Developers can redirect the feedback to their own server – or disable it entirely by returning an empty string – using the axiom_blocks_feedback_endpoint filter.

Credits

Icons powered by Lucidicons and WordPress Dashicons
Built for the WordPress block editor (Gutenberg)

Axiom Blocks – Page Builder Toolkit

About this plugin