Faceplate — a visual UI designer for JUCE WebView2 plugins

Useful Tools and Components
1

Hi everyone — I wanted to share a tool I’ve been developing that builds on the new WebView2 support introduced in JUCE 8:

https://github.com/AllTheMachines/Faceplate

When developing synths, effects, or instruments with JUCE, UI work can sometimes become a significant part of iteration time — especially when experimenting with layout, styling, and visual behaviour.

JUCE 8’s WebView2 integration opens up the possibility of building plugin UIs using HTML, CSS, and JavaScript running inside VST3 / AU / AAX plugins.
Faceplate is a visual designer created to support that workflow.

Overview

Faceplate allows you to design plugin interfaces visually and export a ready-to-use WebView2 UI bundle that communicates directly with JUCE parameters.

Workflow

Drag UI elements onto a canvas → adjust styling, layout, and behaviour → preview changes instantly → export.

Current feature set

  • 60+ UI components (knobs, sliders, VU meters, waveform displays, panels)

  • Real-time preview

  • Multi-window layout support (main, settings, and development windows)

  • SVG import with automatic layer detection

  • Export pipeline that generates working UI code with JUCE parameter bindings

The goal isn’t to replace JUCE’s native GUI system, but to offer an additional workflow for developers who want to experiment with web-based interfaces or speed up UI iteration.

Status

The project is public and functional, but still evolving. Bugs and rough edges are expected, and feedback or testing would be greatly appreciated.

I’d also be very interested to hear from anyone currently working with WebView-based JUCE interfaces — particularly regarding performance considerations, parameter sync strategies, or deployment experiences across plugin formats.

1 Like
2

You should consider putting your product on the new JUCE Marketplace:

3

thanks for the suggestion. i have tried 2 times to add it to the marketplace but i always run into errors? any ideas what might be wrong?

4

The v0.9.5 update is out, and the big addition here is native SVG support.

You can now bring in your own custom vector assets directly. This is a significant shift because it lets you move beyond the “stock” look and skin components like knobs and sliders with your own unique designs. You have full control over the visual logic and how those custom assets react to parameter changes.

I’ve also cleared out some bugs to keep the export pipeline stable.

Latest release: https://github.com/AllTheMachines/Faceplate/releases/tag/v0.9.5