Tag: UI

Accelerate UI Development – Seamless Designer-Developer Collaboration with Web Tools – Ryan Wardell

https://audio.dev/ -- @audiodevcon​
ADCx Copenhagen - 28th April
ADC Bristol ​- 9th - 11th November
---

Accelerate UI Development - Seamless Designer-Developer Collaboration with Web Tools - Ryan Wardell - ADCx Gather 2025

Traditional methods of building audio plugin UIs involve labor-intensive workflows—exporting static images, creating cumbersome filmstrips, and manually linking these resources into code. This session introduces modern alternatives by leveraging powerful web UI tools like Spline.design and Rive.app with JUCE 8's webUI features. Attendees will discover how to rapidly prototype and deploy interactive, visually engaging, and fully responsive 3D plugin UIs. Designers can independently iterate designs, while developers seamlessly integrate dynamic UIs into their plugins, significantly reducing iteration cycles and improving team collaboration.

- Overview of the limitations of traditional filmstrip UI workflows.
- Demonstration of creating 2D & 3D interactive UIs using Spline.design and Rive.app.
- Technical walkthrough: integrating web-based UIs with JUCE plugins.
- Iterate with designs and get feedback fast using ui hosted live.
- Best practices for collaborative, asynchronous UI/UX workflows.
- Real-world examples performance and workflow benefits.

If you are not familiar with getting setup with JUCE web based UIs check out https://github.com/JanWilczek/juce-webview-tutorial and the youtube videos.
---

Ryan Wardell

Ryan Wardell is an audio enthusiast who somehow survived years of navigating corporate cubicles, zoom calls and boardroom slide decks without completely losing his soul. With an extensive background in product development, QA, product design, and product management, Ryan managed to help deliver game-changing releases of Pro Tools at Avid and even helped Universal Audio embrace native plugins (yeah, you're welcome). He also had the privilege (or curse, depending on the day) of bringing LUNA to market. He loves turning concepts into real-world tools musicians actually use.
These days, Ryan splits his time between PACE and his own audio plugin and app startup, Storybored. When he is not buried in his laptop you'll find Ryan creating music, making espresso and practicing his latte art or looking for someone to talk kpop with him. 🙂

---

ADC is an annual event celebrating all audio development technologies, from music applications and game audio to audio processing and embedded systems. ADC’s mission is to help attendees acquire and develop new audio development skills, and build a network that will support their audio developer career.
Annual ADC Conference - https://audio.dev/
https://www.linkedin.com/company/audiodevcon

https://facebook.com/audiodevcon
https://instagram.com/audiodevcon
https://www.reddit.com/r/audiodevcon/
https://mastodon.social/@audiodevcon
---

Streamed & Edited by Digital Medium Ltd: https://online.digital-medium.co.uk
_

Organized and produced by JUCE: https://juce.com/
_

Special thanks to the ADCxGather Team:

Sophie Carus
Derek Heimlich
Andrew Kirk
Bobby Lombardi
Tom Poole
Ralph Richbourg
Jim Roper
Jonathan Roper
Prashant Mishra

#adc #audiodev #dsp #audio #conferenceaudio #audioprocessing #audioproduction #audioprogramming #sound #music #musictech #soundtech #audiotech #audiotechnology

Filed under: UncategorizedTagged with: , , ,

Web UIs for Music Apps – Dynamic Cast – ADC 2025

https://audio.dev/ -- @audiodevcon​
ADCx India - 29th March
ADC Bristol ​- 9th - 11th November
---

Web UIs for Music Apps - Anna Wszeborowska, Harriet Drury, Emma Fitzmaurice, Pauline Nemchak & Simeon Joseph - ADC 2025
---

In this workshop we’ll cover the fundamentals of building web UIs for music apps and plug-ins using modern front-end development techniques.

Throughout the workshop we will cover:

- What is meant by Web UIs and how you may benefit from using them in your apps,
- Introduction to the main concepts and technologies used in modern frontend development,
- Build an example plugin which performs string synthesis using Karplus-Strong algorithm in CMajor,
- Connecting the web UI to the plugin,
- Establishing a two-way communication between the web UI and plugin code.

Technologies used at the workshop include:

- CMajor - programming language for audio software,
- HTML/CSS/JavaScript,
- Lit - modern JavaScript library for building web components,
- Node.js - JavaScript runtime.

This will be a self-contained workshop aiming to be accessible to all levels of learning - all elements used in the practical part of the workshop will be thoroughly explained in the introduction.

Dynamic Cast - Who Are We?

Dynamic Cast is a peer-to-peer C++ study group, a safe space for underrepresented groups (women, LGBTQIA+, minority ethnic).

The Dynamic Cast workshop at ADC is designed to create an entry point to the industry for newcomers, everyone is welcome.
---

Slides: https://data.audio.dev/workshops/2025/web-uis-for-music-apps.pdf
---

ADC is an annual event celebrating all audio development technologies, from music applications and game audio to audio processing and embedded systems. ADC’s mission is to help attendees acquire and develop new audio development skills, and build a network that will support their audio developer career.
Annual ADC Conference - https://audio.dev/
https://www.linkedin.com/company/audiodevcon

https://facebook.com/audiodevcon
https://instagram.com/audiodevcon
https://www.reddit.com/r/audiodevcon/
https://mastodon.social/@audiodevcon
---

Streamed & Edited by Digital Medium Ltd: https://online.digital-medium.co.uk
---

Organized and produced by JUCE: https://juce.com/
---

Special thanks to the ADC25 Team:

Sophie Carus
Derek Heimlich
Andrew Kirk
Bobby Lombardi
Tom Poole
Ralph Richbourg
Jim Roper
Jonathan Roper
Prashant Mishra

#adc #audiodev #dsp #audio #conferenceaudio #audioprocessing #audioproduction #audioprogramming #sound #music #musictech #soundtech #audiotech #audiotechnology

Filed under: UncategorizedTagged with: , , ,