Tempo Control

An editable BPM input with tap tempo, keyboard stepping and a rolling average.

Library

audiocn

Framework

React

Type

ui

License

MIT

Dependencies

@base-ui/react, class-variance-authority

Install

npx shadcn@latest add @audiocn/tempo-control

Files

• components/ui/tempo-control.tsx
• lib/audio/types.ts
• lib/audio/decibels.ts
• lib/audio/ballistics.ts
• lib/audio/zones.ts
• lib/audio/taper.ts
• lib/audio/bands.ts
• lib/audio/bar-levels.ts

Source

https://github.com/audiocn/ui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Number Input Components
• React Number Input Components
• Tailwind CSS Number Input Components
• Text Input Components
• React Text Input Components
• Tailwind CSS Text Input Components

More from audiocn

• Parameter Slider
• Audio Device Select
• Audio Player
• Bar Visualizer
• Channel Strip
• Channel Toggle
• Clip Indicator
• dB Readout
• dB Scale
• Electric Bar Visualizer
• Electric Waveform
• Fader