At Supablox, we’ve been working hard over the last three months to bring you new capabilities that reflect our grand vision for the product.
Today, we’re thrilled to introduce one of these capabilities in the latest updates to our beta version, as well as tease a sneak peek of our upcoming redesigned user interface.
We can’t wait to hear what you think of these updates—and we’re even more excited for what’s next.
– From the team at Supablox
Choose and edit style variations
Customize your blocks by choosing and editing style variations directly in the block inspector.
Fine-tune each block’s appearance with just a few clicks, ensuring a cohesive look throughout your site.
Create new style variations, unlocking more ways to achieve a unique, consistent look across your site.
Default block-type styling
Change the default style for each block type, then use style variations as a secondary layer to override or supplement that default style.
A layered approach that keeps your overall design consistent while allowing flexible customizations for individual blocks:
- Layer 1: Default style
Applies site-wide for all blocks of the same type. - Layer 2: Style variation
Adds extra styling options to any block type, with one variation per block. - Layer 3: Individual block style
Fine-tune each block independently for final adjustments.
What’s Next for Style Variations
There are a couple more features coming to Style Variations in the next few months:
Child block styling:
Change the style of all child blocks through the style variation added to a group or column.
Base and modifier styles: Introducing base styles and modifier styles that can be combined as selectors for even more flexibility.

We believe these new features will make styling in Supablox even more powerful. We can’t wait to get it shipped!
Productivity Improvements
New reimagined block inserter to save you time and streamline your workflow.
Fast launch
Press Enter in the canvas to instantly launch the inserter.
Compact layout
Takes up less space with no large overlay.
Always-active search
Quickly find and insert the blocks you need.
Keyboard navigation
Easily move through blocks and patterns with ← , ↑ , → , and ↓ .
Adjust margin and padding with cursor directly in the canvas.
Living on the edge
Adjust margin on the outside and padding on the inside of the block’s edge.
Adapting to all units
Theme spacing variables, px, em, rem, %, vw, or vh – it’s all covered.
Adjust two sides
Hold Alt to adjust two sides simultaneously.
All sides at once
Hold Shift + Alt to modify all sides.
Coming soon: Redesigned user interface
We’re giving the Supablox interface a fresh look that maximizes your workspace and simplifies your experience:

This is just the beginning of an exciting journey toward Supablox V1.
Starting in February, the Supablox community can expect regular updates as we roll out features leading up to version 1 of Supablox.
We can’t wait to hear what you think of these updates—and we’re even more excited for what’s next.