Strudel: First Steps
What Strudel Is
Strudel is a live-coding music environment in the browser. You write small pattern expressions as code, evaluate them, and hear the result immediately.
Motivation
I wanted to share songs I create with Strudel directly on my own website, so I integrated it into my normal post flow.
That means:
- each song should live as a normal post,
- every song page should open with a default pattern I prepared,
- I should be able to play, tweak, and explore directly in the page.
Goals For This Integration
I wanted a setup that feels practical in daily use:
- one default song per page,
- local save/load for variations,
- a clean toolbar with only useful controls,
- a theme toggle that affects the full music editor area,
- an optional Vim mode for power editing,
- a fullscreen mode when I want to go zen.
This keeps the editing experience practical for recurring use.
Example Song
The post below opens with one default pattern.