SVG Envelope

This project is not maintained anymore.

A flexible and customizable ADSR-like envelope for your web audio applications.

npm package


.envelope {
    width: 100px;

<svg class="envelope" id="envelope"></svg>

Without ES6 module support:

<script src="dist/svg-envelope.umd.js"></script>
    var s = new svgEnvelope('#envelope', { /* config... */ });   

With ES6 module support:

import Envelope from './svg-envelope.js';
var e = new Envelope(document.getElementById('envelope'), { /* config... */ });        


This project is licensed under the MIT License - see the LICENSE file for details

Source code
External links
© - Made with 11ty and tailwindcss.