npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

modulator-synth

v2.0.3

Published

Modular Synth using Web Audio

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

lcrespomlcrespom

Keywords

web audiosynthesizersynthmodular synth

Readme

Modulator

A graphical modular synthesizer, using the Web Audio API.

Modulator is a totally static HTML/JS app. It requires a modern browser such as Chrome, FireFox or Safari, but has no server-side code.

Usage

  • Click any synth node from the palette at the right to add it to the canvas
  • Use regular drag & drop to move audio nodes around in the canvas
  • To connect two nodes:
    • Place the mouse pointer over the source node
    • Press the shift key
    • Move the mouse pointer to the destination node (but don't press the mouse button or you will start dragging the node)
    • Release the shift key to make the connection
  • To disconnect two nodes, simply make the same connection again, and this time it will be removed
  • Use the keyboard to play notes: note C3 is in Z, note C4 is in Q.

You can directly try it out here.

Contributing

Contributions are welcome. You can reach me via @lcrespom on Twitter, or directly within GitHub.

  • Instruments: please share your synth designs if you want them to be featured in the presets section. Just open an issue with the synth's JSON and I will evaluate it for inclusion.
  • Themes: feel free to modify the main.css file to change the look & feel as much as you like. The app is especially in need of a dark theme. I will eventually add a theme selector option so the user can switch among a set of available themes.
  • Mobile version: Modulator works only partially in mobile, and is designed and tested for the desktop browser only. For example, there is no way to connect, disconnect or remove modules on a mobile or tablet. A mobile-specific component layout and UX could be designed indepently, and I would take charge of fitting the current components in it.
  • Code: There are plenty of ways to improve and expand this application, just check out the ToDo list below. The code is in TypeScript, but ES6/ES2015 and plain old JavaScript are compatible with it.

ToDo

Check the ToDo list for pending bugs, new features, UI improvements, and more.

SynthLib

The sound generation code of the application is also available as a UI-independent JavaScript library called SynthLib. With it, you can load instruments that have been previously designed with Modulator and play notes on them.

Browser limitations

  1. Modulator has been tested to work in Chrome, FireFox and Safari. Although Web Audio is available in most mobile platforms, only the desktop version has been tested. Node drag & drop and connection will probably not work in the mobile browsers.

  2. The Line In node is not supported in Safari. Chrome should work, but if fails, try with FireFox.

  3. FireFox consumes a huge amount of CPU when Modulator is running. It is probably a consequence of how Web Audio is implemented in FF.

References

Acknowledgements

The Modulator logo and application favicon are a design by Marta Quer Bach