# Custom GUI audio plugin

**URL:** <https://forum.juce.com/t/custom-gui-audio-plugin/39575>\
**Category:** Getting Started\
**Created:** [May 20, 2020, 1:46pm UTC](https://forum.juce.com/t/custom-gui-audio-plugin/39575 "2020-05-20T13:46:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![MinMiguelM](https://avatars.discourse-cdn.com/v4/letter/m/b2d939/32.png) [@MinMiguelM](https://forum.juce.com/u/MinMiguelM)\
**Post date:** [May 20, 2020, 1:46pm UTC](https://forum.juce.com/t/custom-gui-audio-plugin/39575/1 "2020-05-20T13:46:25Z")

</div>

Hi, I am new developing in Juce, I have been developing an Audio plugin and for finishing the plugin I need to make a custom GUI, is there a way to add HTML/CSS or another way to customize my GUI? What do you recommend?

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![jucemarler](https://avatars.discourse-cdn.com/v4/letter/j/49beb7/32.png) [@jucemarler](https://forum.juce.com/u/jucemarler)\
**Post date:** [May 20, 2020, 2:21pm UTC](https://forum.juce.com/t/custom-gui-audio-plugin/39575/2 "2020-05-20T14:21:39Z")

</div>

@MinMiguelM you might be interested in taking a look over this post:

> [@Introducing Blueprint: Build native JUCE interfaces with React.js](https://forum.juce.com/t/introducing-blueprint-build-native-juce-interfaces-with-react-js/34174/40):
>
> This. Yeah that’s exactly how I view it, make these offered components an additional module/repo. I was even going to suggest an if (window) return \<Slider /\> approach heh. Some condition to switch the render based on environment. I’ve already got some juce wrappers up and running @ncthom so feel free to drop me a message about an “extras” module or similar and I can contribute some stuff.

---

<div class="post-metadata">

**Author:** ![daniel](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.juce.com/daniel/32/790_2.png) [@daniel](https://forum.juce.com/u/daniel)\
**Post date:** [May 20, 2020, 4:41pm UTC](https://forum.juce.com/t/custom-gui-audio-plugin/39575/3 "2020-05-20T16:41:15Z")

</div>

There are a couple of great options, I may add shamelessly my own. It uses the CSS principles, but you edit the GUI in the style of FireBug rather than typing code

> [@Visual plugin designer - PluginGuiMagic - now free (27.7.2023)](https://forum.juce.com/t/visual-plugin-designer-pluginguimagic/35676):
>
> I wanted to share here my latest project. When developing, having a default ProcessorEditor is a great help. But once you go to the designing stage, it is always tedious, all the compiling, looking, recompiling… Also it’s good, if not a developer but a designer does the visual arts. But do we want designers to write C++? C++ is not the best language to write GUIs with. But it is a great language to write tools. So I wrote a design tool to design, layout, style and colourise a Plugin (and pote…

[PluginGuiMagic / Foleys Finest Audio](https://foleysfinest.com/developer/pluginguimagic/)