
Rotary Knob
A realistic rotary knob control you can twist with your mouse or finger. A satisfying, tactile web component for adjusting values.
Created by denilsonsa
Create a free account to get instant access
How to Use
• Use mouse to drag and rotate the knob clockwise or counterclockwise to change its value • Touch devices: drag with your finger to rotate the knob • Keyboard: use arrow keys or other navigation keys when the knob is focused (click to focus) • The knob rotates to match your input and displays different positions based on its current value • Each knob can have different ranges and step values depending on how it's configured • The knob provides visual feedback by rotating its graphics as you interact with it • Some knobs may have limited rotation ranges while others can spin continuously • The current value is typically displayed nearby or can be read by checking connected output fields • Focus on a knob by clicking it, then use keyboard controls for precise adjustments