Bricksfusion Studio
BetaThe Bricks builder, redesigned.
Fusion UI re-designs the whole Bricks builder interface around one idea: pick a color, and the entire workspace follows. Off by default, personal to each user, and one switch returns the original builder.
Try it right here
One color rules everything.
This demo runs the plugin's real color engine. Pick any surface and watch the whole workspace follow, accent suggestions included, each one measured for contrast as you play. 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 surface color. The whole workspace derives from it, with accent suggestions that stay readable and a corner radius of your choice.
- 3
Keep working
Same builder, same controls, just better dressed. And if you ever miss the original look, it is one switch away.
The structure panel
Selection you can see from across the room.
Your selection becomes a solid pill in your accent. Its branch turns into a territory of the same color, fused with the pill into one continuous shape.
Ancestors light up so you always know where you are, and icons rest at half light until you approach them.
Smart Variables
Your design tokens, at real size.
A small popover suggests the real design tokens of your site, resolved to real pixels: spacing drawn as true-to-size ruler bars, type specimens at their actual size, corners at the real radius.
Hover a variable and it previews live on the selected element, then restores exactly. A badge names where the tokens come from: ACSS, Core Framework or AT Framework, detected from the plugins you actually run.
Command palette
Cmd+K to anything.
A command palette in the builder, the kind you know from Raycast. Jump to any control, any element in your tree, or any Fusion action.
Type shadow, hit enter, and land on the control with a brief flash so your eyes know exactly where you arrived.
The panel, rethought
Controls that respect your attention.
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.
On Bricks’ own rails
It styles the builder through the theming hooks Bricks itself provides, and nothing else.
Contrast measured, not estimated
Every accent proposed from your surface is adjusted until it measures at least 3:1 (WCAG). A measurement, not a guess.
Yours, on every site
Preferences are personal to each user and synced to your Bricksfusion account: every licensed site where you use that email opens with your setup.
Motion with manners
Presses compress, springs settle, focus rings glow. And every animation steps aside when your system asks for less motion.
Fusion UI is in beta, and the kill switch means 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 a premium Bricksfusion Studio feature that re-designs the whole Bricks builder: dark and light themes built from one surface color, readable accent suggestions, a redesigned structure panel, Smart Variables inside the fields and a Cmd+K palette. It is off by default and currently in beta.
Can I get a dark mode for the Bricks builder?
Yes. Fusion UI gives the whole builder a deep dark mode called Obsidian, and a light theme called Porcelain. Both derive from one surface color you choose, so your dark mode can be pure graphite, deep burgundy or anything else. And it applies only to you.
Can I change the colors of the Bricks builder interface?
Completely. Pick a surface color and the whole interface follows: panels, fields, the structure tree and tooltips. Add one of the suggested accents, set your corner radius, and the builder looks like yours. The original interface stays one switch away.
Will it break my builder or my website?
No. Fusion UI restyles the builder you look at, nothing else. It works through the theming hooks Bricks provides, your pages and your published site stay untouched, and the master toggle returns the original builder instantly.
Can everyone on the site have their own look?
Yes. Fusion UI is personal. Each user turns it on or off and shapes their own workspace, saved to their profile on the site. Your choices are never forced on anyone else.
Does it work with ACSS, Core Framework or Advanced Themer?
Smart Variables detects ACSS, Core Framework and AT Framework from the plugins active on your site and labels its suggestions accordingly. 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.
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. Trying it costs nothing: if anything looks off in your setup, one toggle brings the original builder back.
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.