Fusion UI
BetaThe Bricks builder, redesigned.
Fusion UI re-designs the whole Bricks builder interface around one idea: pick a color, and the entire workspace follows. It is off by default, and one switch brings back the builder you know.
Try it right here
One color rules everything.
This demo runs the plugin's real color engine. Pick any color and watch the whole workspace follow, then flip the master toggle for the before and after.
Appearance
Surface
Accent
Corner radius
How it works
On in a click. Yours in a minute.
No setup, no migration, no learning curve. The builder you know, dressed properly.
- 1
Turn it on
Fusion UI ships off by default. A button in the Bricks toolbar opens it, and one toggle re-designs the builder for you only: everyone on the site decides for themselves.
- 2
Make it yours
Dark or light, then one color. Everything else comes from it: panels, fields and menus, plus a few matching highlight colors that always stay easy to read.
- 3
Keep working
Same builder, same controls, nothing moved and nothing renamed. And if you ever miss the old look, it is one switch away.
The structure panel
Never lose your place again.
The element you are working on turns into a solid block of your color, and everything inside it is tinted with the same color. On a long page you can see where you are without reading a single name.
The elements that contain it light up too, so the path back to the top is always visible. The rest of the icons rest at half light until you come near.
Smart Variables
See the value before you use it.
Click a spacing or size field and Fusion offers the values your site already uses, drawn at their true size: spacing as rulers you can compare at a glance, text at the size it will really be, corners at their real curve.
Hover one and it previews live on the element, then goes back exactly as it was. A small badge tells you where those values come from, whether that is ACSS, Core Framework or AT Framework, detected from the plugins you actually run.
Smart Suggestions
Stop typing grid from memory.
Click a field like grid columns and Fusion offers the layouts you actually build, drawn as small diagrams: two columns, a sidebar, a fluid grid. Hover one and the canvas re-arranges live, so you choose by looking instead of guessing.
The grid options follow your own grid’s arithmetic, read from the canvas, and your recent values stay one click away. No AI call, no cost, no waiting: the suggestions are curated recipes that work offline.
Command palette
Cmd+K to anything.
A search box for the whole builder. Press Cmd+K anywhere and jump to any control, any element on your page, or any Fusion action.
Type shadow, press enter, and you land on the control with a brief flash, so your eyes know exactly where you arrived.
The panel, rethought
Fewer clicks, less scrolling.
Width and Height carry their sizing mode right inside the field: Fixed, Fill, Fit or Auto. Min and Max stay folded until you need them, and a row that holds a value never hides.
Margin and padding sit on one row, each field showing which side you are editing. The Essentials panel hides rarely used controls, and Focus mode fades the panels until you hover them.
Engineered honestly
Built to be trusted.
A builder skin is only as good as what happens when you turn it off. So this is how Fusion UI behaves.
Zero flash on load
The theme is applied on the server, before the builder paints. The original interface never flashes through.
A real kill switch
Turn it off and the original builder is back, exactly as it was. Fusion UI only adds a layer of style, so there is nothing to undo.
Built the way Bricks intends
It styles the builder through the theming Bricks itself provides, and nothing else. No tricks underneath that a future update could break.
Contrast measured, not estimated
Every color Fusion suggests is adjusted until the text on it stays comfortable to read, checked against the accessibility standard instead of guessed by eye.
Yours, on every site
Your setup is personal to you and saved to your Bricksfusion account, so every licensed site where you use that email opens the way you left it.
Calm animation
Buttons press, panels settle, focus rings glow. And if your computer is set to reduce movement, every animation steps aside.
Fusion UI is in beta, and trying it costs nothing.
FAQ
Common questions
Short answers, no runaround. Anything else is one email away.
support@bricksfusion.comWhat is Fusion UI?
Fusion UI is part of Bricksfusion Studio, and it re-designs the whole Bricks builder: a dark theme and a light one built from a single color you pick, a structure panel you can read at a glance, suggestions inside the fields, and a Cmd+K search box for every control. It is off by default and currently in beta.
Can I get a dark mode, or change the Bricks builder colors?
Yes to both. Fusion UI gives the Bricks builder a deep dark mode called Obsidian and a light theme called Porcelain, and both are built from one color you choose. So your dark mode can be graphite, deep burgundy or anything else, and the whole interface follows: panels, fields, menus and the structure tree. It applies only to you.
Will it break my builder or my website?
No. Fusion UI restyles the builder you look at, and nothing else. It works through the theming Bricks itself provides, your pages and your published site are never touched, and the master switch brings the old builder back instantly.
Can everyone on the site have their own look?
Yes. Fusion UI is personal. Each person turns it on or off and shapes their own workspace, saved to their own profile, so your choices are never forced on anyone else. It is the same rule that carries your setup between your own sites: the settings belong to your account, not to the site, so they follow you and never travel sideways to a colleague.
Does it work with ACSS, Core Framework or Advanced Themer?
Fusion UI reads the values from ACSS, Core Framework and AT Framework, detected from the plugins active on your site, and tells you which one its suggestions come from. Advanced Themer restyles parts of the builder too, so for that combination we say designed to coexist rather than tested with: Fusion UI keeps to its own layer, and the kill switch is always there.
Do the suggestions use AI?
No, and that is the point. They are curated recipes computed on the spot: no AI call, no cost, no waiting, and they work offline. The grid options are the ones that adapt, and they adapt to your own grid, read from the canvas. One limit worth knowing: today they follow the English labels of the Bricks builder.
Does my workspace follow me to other sites?
Yes. Cloud Sync saves your Fusion UI setup to your Bricksfusion account and applies it on every licensed site where you use that account email. It syncs when you open the builder and when you save, the builder never waits for the cloud, and only your workspace colors and toggles travel: nothing from your sites. One account keeps one workspace.
Is Fusion UI included in my plan?
It ships with Bricksfusion Studio, which is part of the Pro Lifetime Deal. Included at no extra cost, and the price did not change with this release: €349 once, unlimited websites, every future update included.
Why is it in beta?
Because it is new and still growing. Everything described here works today, and trying it costs you nothing: if anything looks off on your setup, turning it off puts the builder back exactly as it was.
Keep exploring Studio
Pro Lifetime
Make the builder yours.
Fusion UI ships with Bricksfusion Studio in Pro Lifetime: €349 once, unlimited websites, every future update included. The price did not change with this release.