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.
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 issue with the way mobile browsers handle starting and stopping audio contexts.
- 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.
I've created a build log which explains how Zoltan was developed:
In the project directory, you can run:
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.
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.\