Description
Axiom Blocks adds a powerful collection of Gutenberg blocks to help you build beautiful, professional layouts without any page builder bloat.
All blocks are completely free.
Layout Blocks
- Advanced Section — Full-width container with background images, gradients, video backgrounds, overlays with blend modes, shape dividers, and entrance animations.
- Device Visibility — Wrapper block to show or hide content based on device type (mobile, tablet, desktop).
- Shape Divider — Add beautiful 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
- Tabs — Horizontal tabs container that accepts any blocks inside.
- 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 perfect 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.
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 for all layout blocks
- 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 buildto regenerate the compiled assets inbuild/.
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 fornpm run build.webpack.config.js— webpack configuration.package.json— npm dependencies and scripts.
Credits
- Icons powered by Lucidicons and WordPress Dashicons
- Built for the WordPress block editor (Gutenberg)
Screenshots
Blocks
This plugin provides 14 blocks.
- Free Shipping Progress Cart progress bar showing how much more a customer needs to spend to qualify for free shipping. Live-updates as items are added or removed.
- Trust Badges Curated row of payment, security, and service trust badges with presets and custom uploads.
- Shape Divider Decorative SVG divider between sections (wave, curve, triangle, tilt, slant).
- Pricing Table Pricing plans with feature lists, CTAs, and a highlighted recommendation.
- Advanced Section Full-width container with rich backgrounds, overlays and content layout controls.
- Countdown Timer Live countdown timer with customizable target date and styling.
- Device Visibility Show or hide any block on desktop, tablet, or mobile.
- Star Rating Display a 5-star rating with optional value and review count.
- Tabs Horizontal tabs with any block content inside each panel.
- Reading Progress Bar Sticky bar that fills as the reader scrolls through the page.
- Before/After Slider Drag to compare two images (before/after, or any two states).
- Copy to Clipboard Copy text or code snippets to clipboard with one click.
- Pricing Plan A single plan card. Can only be inserted inside Pricing Table.
- Tab Panel A panel inside the Tabs block. Can only be inserted inside Tabs.
Installation
From WordPress Admin
- Go to Plugins Add New
- Search for “Axiom Blocks”
- Click Install Now, then Activate
Manual Upload
- Download the plugin zip file
- Go to Plugins Add New Upload Plugin
- Select the zip file and click Install Now
- Click Activate
Getting Started
After activation, go to Axiom Blocks Blocks in your WordPress admin to enable or disable individual blocks. Only enabled blocks will appear in the block inserter and load on your site.
FAQ
-
Can I disable blocks I don’t use?
-
Yes. Go to Axiom Blocks Blocks in your WordPress admin to enable or disable individual blocks. Disabled blocks won’t load any assets on your site.
-
Does this work with Full Site Editing (FSE) themes?
-
Yes. Axiom Blocks blocks work in posts, pages, and the Site Editor.
-
Will this slow down my site?
-
No. Axiom Blocks only loads frontend assets for blocks that are actually used on the page, and you can disable unused blocks entirely.
-
Do I need a page builder?
-
No. Axiom Blocks is designed to work natively with the WordPress block editor (Gutenberg).
-
Do I need WooCommerce installed?
-
No. Axiom Blocks works on any WordPress site. The Trust Badges and Free Shipping Progress blocks are only shown in the block inserter when WooCommerce is active — you can also turn the integration off from Axiom Blocks Settings.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Axiom Blocks – Page Builder & FSE Kit” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Axiom Blocks – Page Builder & FSE Kit” 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.
- Added 12 free blocks: Advanced Section, Device Visibility, Shape Divider, Reading Progress Bar, Tabs, Countdown Timer, Copy to Clipboard, Star Rating, Before/After Slider, Pricing Table, Trust Badges, and Free Shipping Progress.
- Added block manager to enable/disable individual blocks.
- WooCommerce integration toggle — Trust Badges and Free Shipping Progress only load when WooCommerce is active.
- Full Site Editing (FSE) support.