# Drag and Drop Interface Builder

**URL:** <https://forum.juce.com/t/drag-and-drop-interface-builder/41494>\
**Category:** General JUCE discussion\
**Created:** [August 30, 2020, 4:52am UTC](https://forum.juce.com/t/drag-and-drop-interface-builder/41494 "2020-08-30T04:52:20Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![TheSteve](https://avatars.discourse-cdn.com/v4/letter/t/74df32/32.png) [@TheSteve](https://forum.juce.com/u/TheSteve)\
**Post date:** [August 30, 2020, 4:52am UTC](https://forum.juce.com/t/drag-and-drop-interface-builder/41494/1 "2020-08-30T04:52:20Z")

</div>

I’ve been reading JUCE documentation and all the UI stuff seems to be based on procedural code. Is there a way to build a UI using drag and drop components, like Apple’s Interface Builder? It would be so much faster and easier than writing dozens of lines of procedural code just to create a slider.

---

<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:** [August 30, 2020, 5:49am UTC](https://forum.juce.com/t/drag-and-drop-interface-builder/41494/2 "2020-08-30T05:49:40Z")

</div>

The Projucer has a GuiComponentEditor. But the generated code is clunky and the JUCE team has decided not to continue working on it. It is provided on an “as-is” basis and is now since JUCE-6 only available as “opt-in” via the “Tools” menu IIRC.

If you are used to write UI in JavaScript, then @ncthom (Nick) creates [BluePrint](https://github.com/nick-thompson/blueprint). I haven’t used it, because I am not a JS person, but it seems awesome.

I created a WYSWYG editor, that allows to create GUI per drag and drop and style it via CSS schemas and a DOM. It is called [PluginGuiMagic](https://github.com/ffAudio/PluginGuiMagic).  
You can extend it with your own Components, and it has already additional controls like an XY-dragger and visualisations like an oscilloscope and an analyser available.  
More details in this thread:

> [@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…

I made a little tutorial on [youtube](https://www.youtube.com/watch?v=aphA_OTmbFE), hopefully I can add more tutorials in the future.