Planes

Components

Controls

Physical Knob

ProUnlock all 54 Pro — $99 once

A realistic rotary knob with depth, spring-loaded momentum, and lighting that reacts as you turn it.

All components
0100
40%Output Level

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/physical-knob

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a licenseGet Pro
const [gain, setGain] = useState(50);

<PhysicalKnob value={gain} onChange={setGain} />

Use cases

  • Audio controls

    Volume, gain, or filter knobs in a player or DAW-style interface.

  • Synth and effects UIs

    Tactile parameter control where a slider would feel flat.

  • Settings dials

    Brightness, sensitivity, or any bounded numeric setting.

  • Hardware-style demos

    Product pages or prototypes that need a realistic physical control.