Axiom Blocks – Page Builder & FSE Kit

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

1. Install Node.js (16.x or later) and npm.
2. From the plugin directory, run npm install.
3. 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.

Credits

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