Rotary Knob for React

react-rotary-knob

A rotary knob with precision features for React

react-rotary-knob is an skinnable knob component that supports precision mode, custom skins and other features.

react-rotary-knob on Github

This component is the result of exploring different UI options to improve usability of an input (range) control.

  • Drag to increase precision
  • Set a minimum distance to avoid “jumps” when dragging.
  • Allow custom SVG skins thanks to react-svgmt

Custom skins demo

Edit xo0z2kkqq