UI Frameworks & Patterns in vvvv
February 26 + 27 2026, Thu + Fri , 6-9 PM, Berlin Time
2 lessons at 3 hours in English Language live via Zoom, or as recording.
Recordings are available and accessible for at least one year after purchase.
Whether you’re just starting out with vvvv or already have some first patches behind you, this workshop will give you a clear and practical introduction to the world of user interface design in vvvv. You will learn how different UI approaches work, what they are good for, and how to choose the right one for your project, even if you’ve never built a UI before.
In this workshop, we will take a practical look at the landscape of user interface workflows in vvvv. We will explore real examples and compare several popular UI frameworks such as ImGui, Avalonia, Rive, and browser-based UI via CEF. You’ll get a beginner‑friendly explanation of how they differ in terms of performance, flexibility, and workflow. We will also look at how rendering backends like Skia and Stride work behind the scenes, and why this matters when building interactive applications.
Beyond the tools themselves, you will learn the fundamentals of structuring UI projects in a clean and scalable way. We will introduce architecture patterns such as MVVM and Model‑View‑Runtime in a way that is easy to follow, even if you’ve never used them before.
You’ll practice organizing data flows and application logic using state machines, and handling interactions ranging from mouse input and keyboard shortcuts to touch events, hit-testing, and unified pointer systems.
Each session includes guided hands‑on exercises where you will build UI components step by step. The goal is to give you practical skills you can immediately apply in your own vvvv projects. No prior UI experience required.
What you will learn
- How to compare and evaluate UI frameworks for VVVV (ImGui, Avalonia, Rive, Web-based UIs via CEF)
- Understanding rendering backends and their strengths (Skia vs. Stride)
- How to choose the right UI approach depending on performance, complexity, and aesthetics
- How architecture patterns like MVVM and Model‑View‑Runtime help you structure your patches in vvvv
- How to manage application logic using data channels and state machines
- How to implement interaction logic for:
- Mouse and keyboard
- Touch gestures
- Hit-testing
- Unified pointer abstractions
- How to build maintainable, scalable UI systems in a visual programming workflow
Requirements
About the Instructor
Nils Weger (aka Phlegma) is a Media System Designer with 20 years of experience building interactive systems. He has created custom UIs for everything from robotic sculpting tools to installation control panels and complex touch interfaces. He has worked with studios such as Studio Brüll, Meso, and Nsynk for clients including Siemens, BMW, Deutsche Bahn, and SPIE. Teaching vvvv has been part of his practice from the beginning, and he brings a clear, structured, and highly practical approach to helping others learn.
These prices include German VAT (19% ).
Depending on your country of residence you may have to pay a different or no VAT.
You will see your individual price on check out.
