jQuery-Knob - Nice, downward compatible, touchable, jQuery dial

•    JQuery

---

Nice, downward compatible, touchable, jQuery dial

jquery-plugin dial button knob ui input

AudioKitSynthOne - AudioKit Synth One: Open-Source iOS Synthesizer App

•    Swift

---

We've open-sourced the code for this synthesizer so that everyone is able to make changes to the code, introduce new features, fix bugs, improve efficiency, and keep the synthesizer up-to-date with all new capabilities of the base operating system. If you're new to AudioKit, you can learn more: here. This code and app is made possible by all the contributors to AudioKit. Many of the features of Synth One are availble as modules in AudioKit, allowing you easy access to oscillators, filters, reverbs, effects, and other DSP processing: code here.

sound music synth synthesizer keyboard piano midi knob audiobus auv3 plugin audio audiounit sequencer microtonal touchpad presets fx reverb

ROMPlayer - AudioKit Sample Player (ROM Player) - EXS24, Sound Font, Wave Player

•    Swift

---

Welcome to the official AudioKit example of a sample-based music instrument written in Swift. It can be modified to play EXS24, Wave, or Sound Fonts. This code is lightweight and demonstrates how you can make a beautiful sounding, pro-level instrument with small amount of code. If you're new to AudioKit, you can learn more and view getting started links: here.

sound exs24 exs player sampler music audio keyboard piano synth synthesizer soundfont wave aiff samples reverb delay midi knob knobs

react-rotary-knob - 🎛 Skinnable knob for React.

•    Javascript

---

When precision mode is active (default), a minimum dragging distance is required to unlock de control. Similar to controlled mode for HTML input controls, you need to store the value and use the value and onChange props to update it. This is the recommended usage.

react knob slider dial rotary form

knob - Canvas knob widget for the browser (touch compatible)

•    Javascript

---

Canvas knob widget for the browser (touch compatible). Based on jQuery Knob by Anthony Terrien.

knob dial canvas touch

vue-knob-control - A rotary knob control for Vue.js

•    Vue

---

The only required property is value.

vue vuejs vuejs2 knob control

jim-knopf - :o: small JavaScript library to create knobs using SVG

•    Javascript

---

Jim Knopf is a small JavaScript library to create knobs using SVG. The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

svg knob ui-components

3D-Knobs - Image Knob example, using Kevin Loustau's renderings

•    Swift

---

(2) Clicking on the ImageKnob in IB, add the image name you want and total number of frames for that knob. Then, you're good to go.

music knob 3d controls audio

CallbackKnob - Example of Using a Knob with a Callback

•    Swift

---

Example of Using a Knob with a Callback

knob knobs callback delegate paintcode

SynthKnobExample - Example of a nice and smoothly controlled Knob for iOS. Includes PaintCode file.

•    Swift

---

Simple Example of AudioKit Synth Knobs. Vector based.

knob knobs paintcode

react-native-dial - A react native reusable and efficient dial knob element

•    Javascript

---

 This package powers Yeti Smart Home and is used in production. A react native reusable and efficient dial knob element.

react-native component ui knob dial react native android ios

LiveKnob - Yet another knob for iOS but with IBDesignable and Ableton Live style.

•    Swift

---

Yet another knob for iOS but with IBDesignable and Ableton Live style. Horizontal, vertical (or both) and rotary control options. You can change the line width and color of the base ring, progress ring and pointer. Also you can tweak the start and end angles of the base knob ring.

knob ios ableton-live