The SVG of sound

Generate sound effects with code, designed for AI and the web.

Try the EditorGetting Started

What is SPA?

SPA (Synthetic Parametric Audio) lets you define sound effects with XML tags instead of audio files. Think tones, noise, envelopes, and filters.

Built on Web Audio API. Runs anywhere JavaScript runs.

npm install @spa-audio/core
npm install @spa-audio/react

Example

<spa xmlns="https://spa.audio/ns" version="1.0">
  <group>
    <tone wave="sine" freq="800" dur="0.05"
          envelope="0,0.02,0,0.03" />
    <noise color="white" dur="0.02" amp="0.3" />
  </group>
</spa>

import { playSPA } from '@spa-audio/core';

const xml = `<spa>...</spa>`;
await playSPA(xml);
DocsGitHubnpm