Zoltan: a polyphonic browser-based synthesizer written in TypeScript using React

by React

Zoltan

Zoltan is a polyphonic browser-based synthesizer written in TypeScript using React. The project is currently in the early alpha stages, so expect breaking changes to be frequent.

Live Demo

You can try the live demo here which is built from the master branch.

Note: Audio doesn’t work on iOS at the moment due to an issuewith the way mobile browsers handle starting and stopping audio contexts.

Libraries Used

  • Reactronica – An awesome library which “aims to treat music as a function of state, rendering sound instead of UI.”
  • Material UI – For component UI design.
  • React Dial Knob – A great component to model synth knobs with.
  • React Bootstrap – For using Bootstrap with React syntax.
  • Styled Components – For writing CSS from within Javascript.

Build Log

I’ve created a build log which explains how Zoltan was developed:

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\