vivid
Start Here · Beginner
First MCP-native project
A Surge XT track, a project-local shader, and audio mapped to visuals - saved as one portable, reloadable project.
Needs: Surge XT
Open the tutorial →Learn Vivid
Start with the motion-first beginner path - make a sound, make a visual, make it react, perform it, then author your own. No code until you want it.
Start here · the beginner path
Five short guides, GUI-first. No toolchain needed.
1
Play
2
Make your first sound
Get a note out of Vivid - the shortest possible first win, no code, no visuals yet.
Play
3
Put something on screen
Get a visual rendering in the output window - still no code.
Rewire
4
Make it react to the sound
Map the sound onto the picture so the visual moves with the music - the aha.
Play
5
Perform it live
Arrange scenes and play sound and picture together in real time.
Author
Author your own - with code and AI
Graduate from playing the built-ins to writing your own operator - the deep end, and the point of Vivid.
Graduate to code & AI
The tested, runnable tutorials - your destination once you're authoring.
Creative coding · Beginner
Live shader edit
Discover a shader node's backing file, edit the WGSL and reload live, then deliberately break it and recover using Vivid's own diagnostics.
Needs: None
Open the tutorial →
Creative coding · Advanced
Project C++ operator
Scaffold a project-local C++ visual operator, compile it with clang++, and hot-swap it live after an edit.
Needs: Xcode Command Line Tools
Open the tutorial →