Blog
Build this Awesome Sampler Plugin | Part 4: JUCE UI Basics
Learn how to build a custom JUCE plugin interface using images, fonts, colours, and reusable UI assets.
News
Build this Awesome Sampler Plugin | Part 4: JUCE UI Basics
Learn how to build a custom JUCE plugin interface using images, fonts, colours, and reusable UI assets.
Build this Awesome Sampler Plugin | Part 4: JUCE UI Basics
Build this Awesome Sampler Plugin | Part 4: JUCE UI Basics
Learn how to build your first custom user interface for a JUCE audio plugin.
In this tutorial, we replace the default JUCE editor with a fully custom interface and introduce a clean workflow for managing colors, fonts, images, and other UI assets. This is Part 4 of the JUCE Sampler Plugin series and the beginning of our deep dive into modern plugin UI design.
If you've ever wondered how plugin developers go from a generic grey window to a polished product interface, this tutorial lays the foundation.
Follow along on GitHub:
https://github.com/TheAudioProgrammer/JuceSamplerAudioPlugin
(Switch to the "4-user-interface-1" branch and check the commit history to follow each step)
Timestamps:
00:00 - Introduction & What We're Building
01:56 - The Graphic Design Handoff
02:59 - Setting Up Assets (Images, Fonts, CMake)
06:46 - Creating the SamplerLookAnd Feel Header
08:25 - Colors & Binary Data
09:31 - Font Typefaces & Accessor Functions
13:49 - Drawing the Background Image16:55 - Abstracting Window Dimensions & Plugin Processor
18:34 - Recap & What's Next
Resources mentioned:
Inter font family: https://fonts.google.com/specimen/Inter
Joshua Hodge
The Audio Programmer
More Tutorials
The Audio Programmer Virtual Meetup | April 9th, 2025 @ 17:00 UK
Jani Huoponen, Scott Kramer, and Claus Trelby explore Eclipsa Audio – Google and Samsung's open-source spatial audio format – and what it means for creators working across music, film, TV, and the open web.
Vibe Coding Audio Plugins: Stop Prompting and Start Planning
After building an audio plugin with AI and running into messy, uncontrolled results, Josh explores a better workflow by introducing planning before prompting, including a custom “Project Planner” tool to improve outcomes when vibe coding.
More Meetups
The Audio Programmer Virtual Meetup | April 9th, 2025 @ 17:00 UK
Jani Huoponen, Scott Kramer, and Claus Trelby explore Eclipsa Audio – Google and Samsung's open-source spatial audio format – and what it means for creators working across music, film, TV, and the open web.
More News
More Articles
NAMM 2026 Takeaways: AI Hype, Rust, and an Industry at a Crossroads
Reflections from NAMM 2026 on a more cautious industry mood, the gap between AI conversation and real products, the growing interest in Rust, and what Native Instruments’ insolvency signals for what comes next.
How to Create a CV That Gets You Noticed in Audio & Music Tech
Your CV is the first thing a hiring manager sees – so it needs to work hard. This guide covers exactly what audio developers, DSP engineers and plugin creators should include to stand out and land the interview.