diff --git a/packages/webaudio/webaudio.mjs b/packages/webaudio/webaudio.mjs
index 18186118..2111c10e 100644
--- a/packages/webaudio/webaudio.mjs
+++ b/packages/webaudio/webaudio.mjs
@@ -10,6 +10,7 @@ import { fromMidi, toMidi } from '@strudel.cycles/core';
 import { loadBuffer } from './sampler.mjs';
 const { Pattern } = strudel;
 import './vowel.mjs';
+import workletsUrl from './worklets.mjs?url';
 
 // export const getAudioContext = () => Tone.getContext().rawContext;
 
@@ -129,7 +130,29 @@ const splitSN = (s, n) => {
   return [s2, n2];
 };
 
-Pattern.prototype.out = function () {
+let workletsLoading;
+function loadWorklets() {
+  if (workletsLoading) {
+    return workletsLoading;
+  }
+  workletsLoading = getAudioContext().audioWorklet.addModule(workletsUrl);
+  return workletsLoading;
+}
+
+function getWorklet(ac, processor, params) {
+  const node = new AudioWorkletNode(ac, processor);
+  Object.entries(params).forEach(([key, value]) => {
+    node.parameters.get(key).value = value;
+  });
+  return node;
+}
+
+Pattern.prototype.out = async function () {
+  try {
+    await loadWorklets();
+  } catch (err) {
+    console.warn('could not load AudioWorklet effects coarse, crush and shape', err);
+  }
   return this.onTrigger(async (t, hap, ct, cps) => {
     const hapDuration = hap.duration / cps;
     try {
@@ -151,6 +174,9 @@ Pattern.prototype.out = function () {
         hresonance = 1,
         bandf,
         bandq = 1,
+        coarse,
+        crush,
+        shape,
         pan,
         attack = 0.001,
         decay = 0.05,
@@ -261,7 +287,9 @@ Pattern.prototype.out = function () {
       hcutoff !== undefined && chain.push(getFilter('highpass', hcutoff, hresonance));
       bandf !== undefined && chain.push(getFilter('bandpass', bandf, bandq));
       vowel !== undefined && chain.push(ac.createVowelFilter(vowel));
-      // TODO vowel
+      coarse !== undefined && chain.push(getWorklet(ac, 'coarse-processor', { coarse }));
+      crush !== undefined && chain.push(getWorklet(ac, 'crush-processor', { crush }));
+      shape !== undefined && chain.push(getWorklet(ac, 'shape-processor', { shape }));
       // TODO delay / delaytime / delayfeedback
       // panning
       if (pan !== undefined) {
diff --git a/packages/webaudio/worklets.mjs b/packages/webaudio/worklets.mjs
new file mode 100644
index 00000000..2c4ab540
--- /dev/null
+++ b/packages/webaudio/worklets.mjs
@@ -0,0 +1,94 @@
+// all the credit goes to webdirt: https://github.com/dktr0/WebDirt/blob/5ce3d698362c54d6e1b68acc47eb2955ac62c793/dist/AudioWorklets.js
+
+class CoarseProcessor extends AudioWorkletProcessor {
+  static get parameterDescriptors() {
+    return [{ name: 'coarse', defaultValue: 1 }];
+  }
+
+  constructor() {
+    super();
+    this.notStarted = true;
+  }
+
+  process(inputs, outputs, parameters) {
+    const input = inputs[0];
+    const output = outputs[0];
+    const coarse = parameters.coarse;
+    const blockSize = 128;
+    const hasInput = !(input[0] === undefined);
+    if (hasInput) {
+      this.notStarted = false;
+      output[0][0] = input[0][0];
+      for (let n = 1; n < blockSize; n++) {
+        if (n % coarse == 0) output[0][n] = input[0][n];
+        else output[0][n] = output[0][n - 1];
+      }
+    }
+    return this.notStarted || hasInput;
+  }
+}
+
+registerProcessor('coarse-processor', CoarseProcessor);
+
+class CrushProcessor extends AudioWorkletProcessor {
+  static get parameterDescriptors() {
+    return [{ name: 'crush', defaultValue: 0 }];
+  }
+
+  constructor() {
+    super();
+    this.notStarted = true;
+  }
+
+  process(inputs, outputs, parameters) {
+    const input = inputs[0];
+    const output = outputs[0];
+    const crush = parameters.crush;
+    const blockSize = 128;
+    const hasInput = !(input[0] === undefined);
+    if (hasInput) {
+      this.notStarted = false;
+      if (crush.length === 1) {
+        const x = Math.pow(2, crush[0] - 1);
+        for (let n = 0; n < blockSize; n++) output[0][n] = Math.round(input[0][n] * x) / x;
+      } else {
+        for (let n = 0; n < blockSize; n++) {
+          let x = Math.pow(2, crush[n] - 1);
+          output[0][n] = Math.round(input[0][n] * x) / x;
+        }
+      }
+    }
+    return this.notStarted || hasInput;
+  }
+}
+registerProcessor('crush-processor', CrushProcessor);
+
+class ShapeProcessor extends AudioWorkletProcessor {
+  static get parameterDescriptors() {
+    return [{ name: 'shape', defaultValue: 0 }];
+  }
+
+  constructor() {
+    super();
+    this.notStarted = true;
+  }
+
+  process(inputs, outputs, parameters) {
+    const input = inputs[0];
+    const output = outputs[0];
+    const shape0 = parameters.shape[0];
+    const shape1 = shape0 < 1 ? shape0 : 1.0 - 4e-10;
+    const shape = (2.0 * shape1) / (1.0 - shape1);
+    const blockSize = 128;
+    const hasInput = !(input[0] === undefined);
+    if (hasInput) {
+      this.notStarted = false;
+      for (let n = 0; n < blockSize; n++) {
+        output[0][n] = ((1 + shape) * input[0][n]) / (1 + shape * Math.abs(input[0][n]));
+      }
+    }
+    return this.notStarted || hasInput;
+  }
+}
+
+registerProcessor('shape-processor', ShapeProcessor);