Get everything for $99, lifetime

Components

Physical Knob

Pro
0100
40%Output level

Installation

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

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

I have a licenseGet Pro
import { PhysicalKnob } from "@/components/ui/PhysicalKnob";

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.