BPM Control
Tempo control with drag-to-adjust, tap tempo detection, multipliers, presets, and sync source indicators.
Basic BPM Control
Drag up/down on the value to adjust tempo. Double-click to reset to default (120 BPM).
Sizes
BPM control in small, medium (default), and large sizes.
Tap Tempo
Click the TAP button rhythmically to detect tempo. After 2+ taps, the BPM is calculated from the average interval.
Tempo Multipliers
Quick ×2 and ÷2 buttons for doubling or halving the tempo.
Tempo Presets
Dropdown menu with common tempo presets for quick selection.
Full Featured
All features enabled: tap tempo, multipliers, and presets.
Sync Source Indicators
Show the sync source when tempo is locked to an external clock.
Sync Locked State
When sync locked, the control is disabled and shows the external tempo.
Decimal Precision
Control the number of decimal places displayed.
States
Disabled and automation active states.
Label Options
Show or hide the BPM label.
Interaction
Keyboard modifiers for fine/coarse adjustment.
Drag Adjustment
- Drag up/down on value to adjust tempo
- Shift + drag for fine adjustment (0.01 BPM steps)
- Ctrl/Cmd + drag for coarse adjustment (10 BPM steps)
- Double-click to reset to default value
Tap Tempo
- Click TAP button rhythmically (minimum 2 taps)
- Averages last 4 taps by default
- Resets after 2 seconds of inactivity
- Optional audio click feedback
Range
- Minimum: 20 BPM
- Maximum: 300 BPM
- Both can be customized via props